关于上拉刷新的感想

现在上拉刷新 大多数都会用插件之类的

比如现在 mui  weui 等等插件都会提供很好的体验

我们自己写的话会出现很多莫名奇妙的问题  比如   滚动条到底部会多次调用函数问题  这个虽然可以用定时器稍微解决一下 但是 终归治标不治本

我把我写的代码贴出来 留以后解

   var nScrollHight = 0; //滚动距离总长(注意不是滚动条的长度)
      var nScrollTop = 0;   //滚动到的当前位置
        var nDivHight = $(".middle").height();///指定容器
        var timer = null//计时器
        // 滚动触发
        $(".middle").scroll(function () { getmore(this), 1000 });
        //  获取更多函数
        function getmore(that) {
            clearTimeout(timer);
            nScrollHight = $(that)[0].scrollHeight;
            nScrollTop = $(that)[0].scrollTop;
            if (nScrollTop + nDivHight >= nScrollHight - 5) {
               
            ///触发函数
                    timer = setTimeout(() => {
                      ///获取更多列表
                        getlist()
                    }, 1000);
            ////计数器
                
            }
        }

  

  ///基本上就是这样 不过很喽  建议大家还是用插件把  解决很多不必要的问题

posted @ 2018-08-03 16:07  JXiao1994  阅读(152)  评论(0编辑  收藏  举报