为了账号安全,请及时绑定邮箱和手机立即绑定

js滚动加载图片bug,ios手机滚动到底部不会加载一页而是加载好几页

js滚动加载图片bug,ios手机滚动到底部不会加载一页而是加载好几页

鸿蒙传说 2018-12-28 23:14:53
$(document).scroll(function (){                        var scrollTop = $(this).scrollTop();                        var scrollHeight = $(document).height();                        var windowHeight = $(window).height();                        if(scrollTop + windowHeight >= scrollHeight){                            //这里是加载图片ajax                        }                                           });这是部分代码,逻辑就是滑动到底部的时候请求ajax,在安卓上可以一页一页正常加载,ios上则滑动到底部一下加载好几页,求教
查看完整描述

1 回答

?
绝地无双

TA贡献1946条经验 获得超4个赞

加载好几页是因为scroll事件被多次触发,可以用节流函数来控制触发的时间间隔,比如underscore的throttle函数

var throttled = _.throttle(updatePosition, 100);

$(window).scroll(throttled);

function updatePosition(){

    var scrollTop = $(this).scrollTop();

    var scrollHeight = $(document).height();

    var windowHeight = $(window).height();

    if(scrollTop + windowHeight >= scrollHeight){

        //这里是加载图片ajax

    }                       

}


查看完整回答
反对 回复 2019-01-22
  • 1 回答
  • 0 关注
  • 483 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号