1. 程式人生 > >JS判斷是否到達頁面底部

JS判斷是否到達頁面底部

clas var javascrip ota cti 多列 文檔 oat top

<script type="text/javascript">
//判斷整個文檔到底部
$(window).scroll(function(){
//滾動條所在位置的高度
totalheight = parseFloat($(window).height()) + parseFloat($(window).scrollTop());
//當前文檔高度 小於或等於 滾動條所在位置高度 則是頁面底部
if(($(document).height()) <= totalheight) {
//頁面到達底部
}
});

//判斷某個盒子到底部
//加載分頁的排行
$(‘#showRankbox‘).scroll(function(){

var $this = $(this)
totalheight = parseFloat($this.height()) + parseFloat($this.scrollTop());
if($this.find(‘ > ul‘).height() <= totalheight+2) {
rankPage++;
//到達底部加載更多列表
}
})
</script>

JS判斷是否到達頁面底部