此方法只针对js的前端下拉加载,后端加载方法根据需求自行解决
下面代码复制到页面中可直接使用
$(window).scroll(function(){
/*当前滚动条到顶部的距离*/
var top = $(document).scrollTop();
/*当前浏览器的可是高度*/
var height = document.body.clientHeight;
/*当前网页(body)的高度*/
var z_height = $(document).height();
/*判断(网页body高度减去当前浏览器可视高度是否大于等于滚动条到顶部的距离)
* 大于等于:则判定当前页面在底部
* 小于:判定当前页面不在底部
* */
var clientheight = document.body.clientHeight;
var scrolltop = $(document).scrollTop();
var height = $(document).height()-40;
if (clientheight + scrolltop >= height) {
if(browserRedirect() && zxflag == 0){
//调用加载方法
}
}
});
下一篇:JavaScript基础篇