首页 > 技术分享 > JavaScript
收藏

js实现页面下拉加载更多

06/26 14:52
大潇博客 原创文章,转载请标明出处

此方法只针对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 (clientheightscrolltop >= height) {

      if(browserRedirect() && zxflag == 0){

            //调用加载方法

      }

}

});


打赏

阅读排行

大家都在搜

博客维护不易,感谢你的肯定
扫码打赏,建议金额1-10元
  • 15601023311