首頁  >  文章  >  web前端  >  jquery 判斷滾動條到達了底部和頂端的方法_jquery

jquery 判斷滾動條到達了底部和頂端的方法_jquery

WBOY
WBOY原創
2016-05-16 16:53:531051瀏覽

複製程式碼 程式碼如下:

$(document).height()  //是取得整個頁面的高度
$(window).height()  //是取得目前也就是瀏覽器所能看到的頁面的那部分的高度。這個大小在你縮放瀏覽器視窗大小時會改變,與document是不一樣的

要取得頂端,只需要取得到scrollTop()==0的時候就是頂端;

要取得底端,只要取得scrollTop()>=$(document).height()-$(window).height()  就可以知道已經捲動到底端了;

複製程式碼 程式碼如下:

$(document).scrollTop() 取得垂直捲動的距離  即目前滾動的地方的視窗頂端到整個頁面頂端的距離;
$(document).scrollLeft() 這是獲取水平滾動條的距離;

例子:
複製程式碼 程式碼如下:

$(document).scroll(function(){
    $("#lb").text( $(document).scrollTop());
})

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn