DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 兩種js監聽滾輪事件的實現方法
兩種js監聽滾輪事件的實現方法
編輯:關於JavaScript     

前段時間在寫前端的時候,需要監聽浏覽器的滾輪事件

網上查了一下,找到兩種監聽滾輪事件的方法:

一、原生js通過window.onscroll監聽

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

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

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

監聽到了滾輪事件,就可以實時地獲取到滾輪的高度,通過判斷滾輪高度等等一些流程控制,可以實現一些基於滾輪的特效,如:滾輪到底時異步加載數據、滾輪高度為0時頭部固定而到一定高度時頭部fixed浮動等等一些特效

以上這篇兩種js監聽滾輪事件的實現方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved