1. 程式人生 > >為什麼寫的滾動條監聽事件無效

為什麼寫的滾動條監聽事件無效

為什麼js寫的頁面滾動條監聽事件失效了

前幾天寫程式碼時,為頁面導航欄寫了滾動條監聽,是可以正常工作的。
後來,我為頁面的兩個按鈕也寫了一個滾動條監聽事件,發現導航欄監聽失效了。

問題出在哪兒呢

原因是一個頁面只有一個window.onscroll會被執行,而我寫了兩個window.onscroll,
所以為導航欄寫的window.onscroll失效了

如何解決這個問題呢

我們只需要把兩個函式,寫成一個函式,
var t = document.documentElement.scrollTop || document.body.scrollTop;

在這個函式中使用同一個變數即可