Javascript Scroll Handler not firing

Question

我所要做的就是在滾動DIV時調用一個函數。爲了簡單起見，我沒有指定其他任何東西。此外，我只看着符合DOM的瀏覽器，如Chrome,Safari（不是IE）。

我的問題是滾動處理程序永遠不會被調用。如果我將scroll替換爲click，則點擊時它將起作用。不知何故，滾動不起作用。

請注意：我不能使用jQuery :(

這裏是我的代碼：

HTML：

<div id="test">--long content--</div> 

JS：

function myFunc() { 
     console.log('in myFunc'); 
    } 
    var objTable = document.getElementById("test"); 

    objTable.addEventListener("scroll", function() { 
     myFunc(); 
    }, false); 

FIDDLE：

http://jsfiddle.net/yymg5/7/

Answer 1

這是因爲窗口沒有滾動股利。嘗試將元素偵聽器更改爲div的父級（在本例中爲窗口），如this。

window.addEventListener("scroll", function() { 
    myFunc(); 
}, false);