Блог

Главная - Вопросы по программированию - Прослушиватель событий прокрутки не работает с разделами

Прослушиватель событий прокрутки не работает с разделами

#javascript #html #css

#javascript #HTML #css

Вопрос:

У меня была проблема с работой addEventListener , поэтому я создал очень простой скрипт вне своего кода, чтобы увидеть проблему, она все еще присутствует в этом маленьком скрипте.

Однако, если я использую тот же скрипт и передаю click прослушиватель вместо прокрутки, это работает.

 const section2 = document.querySelector("#section2")

console.log(section2)

section2.addEventListener("click", function(e){
  console.log("clicked")
})

section2.addEventListener("scroll", function(e){
  console.log("scrolling")
})  
 section {
  height: 50vh;
}  
 <main>
  <section id="section1">
    section
  </section>
    <section id="section2">
    section 2
  </section>
    <section id="section3">
    section 3
  </section>
    <section id="section4">
    section 4
  </section>
    <section id="section5">
    section 5
  </section>
</main>

Комментарии:

1. section2 не запускает событие прокрутки, поскольку оно не прокручивается. Попробуйте добавить содержимое, которое переполняется section2 .

2. Как упоминалось в приведенном выше комментарии, section2 никогда не прокручивается, что именно вы пытаетесь прослушать?

3. Я просто хочу знать, что я прокручиваю этот раздел своего кода.

4. Ближайший, который вы можете использовать, — это наведение курсора мыши на прослушиватель.

5. Когда вы говорите «прокрутка», вы имеете в виду, когда элемент находится в середине страницы? или отображается на странице? или находится в пределах X от верхней / средней / нижней части страницы? Все это возможно с помощью прослушивателя событий прокрутки окна и некоторых вычислений, но вам нужно будет точно объяснить, что вы хотите, прежде чем мы сможем помочь.