jQuery 是一種 JavaScript 庫,對網頁開發非常有幫助。在 Web 開發中,我們時常需要獲取用戶滾動的高度。本文將介紹如何使用 jQuery 獲取滾動的高度。
$(window).scroll(function() { var scrollTop = $(this).scrollTop(); console.log(scrollTop); });
上面的代碼使用了scroll
事件,當用戶滾動文檔時,scrollTop
變量將表示當前滾動的高度。代碼中的console.log
可以將該高度輸出到控制臺中。
還可以使用多種方法獲取滾動的高度,例如:
$(document).on("scroll", function() { var scrollTop = $(this).scrollTop(); console.log(scrollTop); }); $(window).on("scroll", function() { var scrollTop = $(this).scrollTop(); console.log(scrollTop); });
使用on
方法或scroll
方法都可以獲取滾動的高度。其中,$(window)
表示窗口,$(document)
表示整個文檔。
以上就是如何使用 jQuery 獲取滾動的高度的方法。這對于開發頁面時需要實現一些滾動效果非常有幫助。