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

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

高洛峰
發布: 2017-01-11 09:58:16
原創
1127 人瀏覽過

$(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中文網!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板