账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    window.onscroll在苹果手机上滑动到底部一直触发的问题
    33
    0

    自己想实现一下,当滑动到底部自动加载更多的数据,可是发现在苹果手机上当滑动到底部后,会一直触发onscroll,请问该怎么解决?

    代码如下:

    $(window).on('scroll',function(){
            //浏览器的高度加上窗口滚动条位置
            totalheight = parseFloat($(window).height()) + parseFloat($(window).scrollTop());
            //当文档的高度小于或等于总高度的时候,开始加载数据
            if ($(document).height() <= totalheight){
               loadMore();
            }
        });
    
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 慵懒的猫 普通会员 1楼

      在iOS上,滚动到底部时,onscroll事件会触发。但是,如果你希望onscroll事件只在滚动到底部时触发,你可以在onscroll事件处理函数中添加一个判断语句,如下所示:

      javascript window.onscroll = function() { if (window.innerHeight + window.scrollY >= document.body.offsetHeight) { // 事件触发 } };

      在这个例子中,当滚动到底部时,onscroll事件会被触发。但是,只有当滚动到底部时,才会执行onscroll函数的代码。

      如果你想要在滚动到底部时触发onscroll事件,但是当滚动到底部后再次触发onscroll事件,你需要在onscroll事件处理函数中添加一个判断语句,如下所示:

      javascript window.onscroll = function() { if (window.innerHeight + window.scrollY >= document.body.offsetHeight) { // 事件触发 } else { // 当滚动到底部后再次触发onscroll事件 window.onscroll(); } };

      在这个例子中,当滚动到底部时,onscroll事件会被触发。但是,只有当滚动到底部后再次触发onscroll事件时,才会执行onscroll函数的代码。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部