滚动事件不会触发我的div元素

Question

我想跟踪div的滚动，但它不起作用。哪里不对？

$('#box').on('scroll', function(){ 
    alert(33); 
}); 

jsFiddle

Answer 1

的问题是，因为#box元素不被你的榜样滚动 - 的window是。默认情况下，块元素将展开以适应其内容。为了制止这种行为，并允许元素滚动您需要设置其height和overflow属性：

#box { 
    height: 100px; /* amend this as required */ 
    overflow: scroll; 
} 

Updated fiddle

Answer 2

你应该高度和overflow属性添加到您的div来使“滚动”事件工作。

#box { 
    overflow: auto; 
    height: 200px; 
} 

JSFiddle example