滾動監聽器在身上

Question

我想問一下關於滾動監聽器。我想添加滾動監聽器的身體，但它似乎無法正常工作。

$('body').scroll(function(){ 
    console.log('SCROLL BODY'); 
}); 

我創建fiddle基本的例子，有人可以解釋我爲什麼不工作？ 對不起nubies問題...

Answer 1

由於身體不滾動，window是。

在This example中，您會看到綁定到父項container的事件偵聽器正在觸發，因爲該元素實際上正在滾動。

的HTML看起來像這樣：

<div id="container"> 
    <p id="content">some text</p> 
</div> 

的CSS是這樣的：

#container { 
    height: 200px; 
    overflow-y: scroll; 
} 

#content { 
    height: 1000px; 
} 

及相關JS是這樣的：

$('#container').on('scroll', function() { 
    console.log('#container'); 
}); 

$('#content').on('scroll', function() { 
    console.log('#content'); 
}); 

Answer 2

嘗試用：

$(window).scroll(function(){ 
    console.log('SCROLL BODY'); 
}); 

這應該被所有瀏覽器支持。