免费PHP万能建站系统_社区团购SaaS_商城系统_软件开发_虚拟币交易所系统_矿机系统_微信钻石投票系统_成品源码

标题: 部份移动端(微信小程序)$(window).scroll不触发解决方案 [打印本页]

---

作者: admin    时间: 2021-12-13 13:04
标题: 部份移动端(微信小程序)$(window).scroll不触发解决方案

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){

---

欢迎光临 免费PHP万能建站系统_社区团购SaaS_商城系统_软件开发_虚拟币交易所系统_矿机系统_微信钻石投票系统_成品源码 (https://ourphp.net/club/)

Powered by Discuz! X3.2