querySelector事件监听器`scroll`

Question

我试图理解为什么querySelector元素的scroll事件侦听器在这里不起作用

 document.querySelector('.test-scroll') .addEventListener('scroll', function() { alert('Scroll'); }, false); 

 .test-scroll { height: 2000px; overflow-x: none; overflow-y: scroll; border: 1px solid #000; } 

 <div class="test-scroll">&nbsp;</div> 

Answer 1

因为没有内容，所以它实际上不能滚动任何内容。

在这里，我添加了一个更高的内部div ，并使它可滚动。

堆栈片段

 document.querySelector('.test-scroll') .addEventListener('scroll', function() { alert('Scroll'); }, false); 

 .test-scroll { height: 2000px; overflow-x: none; overflow-y: scroll; border: 1px solid #000; } .test-scroll div { height: 3000px; background: red; } 

 <div class="test-scroll"> <div></div> </div>