在網頁開發中,有時需要根據頁面滾動條的高度來進行一些操作。而使用jQuery可以很方便地獲取當前滾軸的高度。
$(window).scroll(function(){ var scrollTop = $(this).scrollTop(); //獲取滾軸的高度 console.log(scrollTop); });
上述代碼中,我們使用了jQuery中的scroll方法來監聽滾軸的滾動事件。每次滾軸滾動時,都會執行該方法內部的代碼來獲取當前滾軸的高度。
下面是一個實例,當滾軸高度大于等于500px時,顯示一個浮動層:
$(window).scroll(function(){ var scrollTop = $(this).scrollTop(); //獲取滾軸的高度 if (scrollTop >= 500) { $(".floating-layer").show(); //顯示浮動層 } else { $(".floating-layer").hide(); //隱藏浮動層 } });
上述代碼中,我們使用了if語句來判斷當前滾軸的高度是否大于等于500px。如果是,就顯示一個
浮動層
,否則就隱藏該浮動層。以上就是使用jQuery判斷滾軸高度的方法和示例。
上一篇jquery 判斷數字
下一篇jquery 加入標簽