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

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

高洛峰
高洛峰原創
2017-01-11 09:58:161095瀏覽

$(document).height()  //是获取整个页面的高度
$(window).height()  //是获取当前也就是浏览器所能看到的页面的那部分的高度。这个大小在你缩放浏览器窗口大小时会改变,与document是不一样的
要取得頂端,只需要取得到scrollTop()==0的時候就是頂端;

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

$(document).scrollTop() 获取垂直滚动的距离  即当前滚动的地方的窗口顶端到整个页面顶端的距离;
$(document).scrollLeft() 这是获取水平滚动条的距离;

例子:

$(document).scroll(function(){
    $("#lb").text($(document).scrollTop());
})
<span id="lb" style="top:100px;left:100px;position:fixed;"></span><!--一个固定的span标记 滚动时-->
更多jquery 判斷滾動條到達了底部和頂端的方法相關文章請關注PHP中文網!
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn