「滾動」事件偵聽器不工作

Question

我目前正在研究一個香草JS插件，我需要更新滾動值，所以我將一個事件偵聽器附加到文檔以觸發一個函數，該函數應該更新上述值。

事情是，它在文件加載但不滾動。就好像滾動事件根本不起作用。

目前，我的JS部分看起來是這樣的：

var currentPosition = 0; 

var updatePosition = function() { 
    currentPosition = document.body.scrollTop; 
    document.getElementById('indicator').textContent = currentPosition; 
}; 

document.addEventListener('scroll', updatePosition()); 

這裏有一個小提琴，使其多一點明確：JSFIDDLE

我試圖連接的事件監聽器對身體和兩窗戶，它沒有任何區別。

Answer 1

您直接調用使用updatePosition()一個功能，那是因爲你在頁面啓動功能火，你必須重視並使用處理器只有函數名updatePosition。

代碼：

document.addEventListener('scroll', updatePosition); 
                |-- no() here 

演示：http://jsfiddle.net/IrvinDominin/dyy6z35s/

Answer 2

var currentPosition = 0; 

var updatePosition = function() { 
    currentPosition = window.pageYOffset || document.documentElement.scrollTop;  
    document.getElementById('indicator').textContent = currentPosition;  
}; 

document.addEventListener('scroll', updatePosition); 

http://jsbin.com/seqecezecu/1/edit?js,console,output