滾動事件不會觸發我的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