下面小編就為大家?guī)硪黄獌煞Njs監(jiān)聽滾輪事件的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。

前段時間在寫前端的時候，需要監(jiān)聽瀏覽器的滾輪事件

網(wǎng)上查了一下，找到兩種監(jiān)聽滾輪事件的方法：

一、原生js通過window.onscroll監(jiān)聽

//window.onscroll = function() {//為了保證兼容性，這里取兩個值，哪個有值取哪一個　　var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;

　　//scrollTop就是觸發(fā)滾輪事件時滾輪的高度

}

二、Jquery通過$(window).scroll()監(jiān)聽

$(window).scroll(function(){//為了保證兼容性，這里取兩個值，哪個有值取哪一個　　var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;　　//scrollTop就是觸發(fā)滾輪事件時滾輪的高度});

監(jiān)聽到了滾輪事件，就可以實時地獲取到滾輪的高度，通過判斷滾輪高度等等一些流程控制，可以實現(xiàn)一些基于滾輪的特效，如：滾輪到底時異步加載數(shù)據(jù)、滾輪高度為0時頭部固定而到一定高度時頭部fixed浮動等等一些特效

以上這篇兩種js監(jiān)聽滾輪事件的實現(xiàn)方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考