Как скрыть элемент при прокрутке определённого блока (секции)?

Question

[diku1502]

Есть текст с `id = arrowText`. Задача: при прокрутке 2 слайда (у которого `id = about`) чтобы данный текст скрывался. Есть вариант сокрытия при помощи js?
ВАЖНО! Не скролл с вариантом типа:

`if(scrolled >= 1000)
    {$("#arrowText").hide()}`

Числовые значения не нужны. Нужно чтобы скрывался после прохождения секции по id! Что-то типа того:

if(scrolled >= '#about'){
        $("#arrowText").hide()}

Есть возможность реализации?

Answer 1

[Lorem Ipsum]

if(scrolled >= document.querySelector('#about').height + "px"){
        $("#arrowText").hide()
}

Comments

[diku1502]

Решения в интернете нет, никакие варианты не работают, ваш, к сожалению, тоже.
Вот код на всякий:

window.addEventListener('scroll', function() {
  
  scrolled =  document.documentElement.scrollTop;
  
  if(scrolled >= document.querySelector('#about').height + "px"){
    $("#arrowText").hide()
}
});