找回密码
 立即注册
即日起,论坛关闭新用户注册和登录,论坛相关的贴子保留查阅和下载。获得授权后,有技术问题可联系微信 13199509559 一对一解决。 2024-3-12
查看: 3961|回复: 0
打印 上一主题 下一主题

部份移动端(微信小程序)$(window).scroll不触发解决方案

222

主题

222

主题

222

主题

管理员

Rank: 9Rank: 9Rank: 9

积分
0
跳转到指定楼层
1#
admin 发表于 2021-12-13 13:04:19 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
  1. 但是这种方法在android中可以,在IOS中  或者  SAFARI 浏览器中 会被多次触发。  
复制代码


                    window.addEventListener('scroll', function () {
                       if(window.pageYOffset + window.innerHeight >= document.documentElement.scrollHeight){

                                        alert(0);


                       }
                    })


解决多次触发可以设定一个变量控制
var d = true;
window.addEventListener('scroll', function () {
   if(window.pageYOffset + window.innerHeight >= document.documentElement.scrollHeight){

    if(d){
                $.post("ourphp.php",{id:id},function(result){
                        if(result == 0){
                                //数据加载完
                               d = false;
                                 return;
                        }else{
                                //加载新数据
                                d = true;

                                 return;
                        }
                },'json');
    }

                d = false;

   }
})

有些华为长屏的手机  不触底 可以这样改一下

if(window.pageYOffset + window.innerHeight + 100 >= document.documentElement.scrollHeight){





您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表