mescroll 下拉刷新，列表滚动到最底部，无法再次滚动？

  • Z时代
  • 2024-02-08
  • 分类：IT

mescroll 下拉刷新，列表滚动到最底部，无法再次滚动？

最外层容器添加了mescroll,里面有一个滚动列表，总高度刚好占满一屏，现在如果下边滚动列表，滚动到到最底部，下拉刷新后，这个滚动列表就无法再滚动了，要怎么修改？
mescroll官网地址

         this.mescroll = new MeScroll('mescroll', {
                down: {
                    auto: false,
                    callback: downCallback
                },
                up: {
                    // isBounce : false,
                    onScroll: function (mescroll, y, isUp) {
                        console.log(y);
                    }
                }
            });
        downCallback() {
            console.log('appCallback');
            setTimeout(() => {
                // 更新页面数据
                this.mescroll.endSuccess(); 
            }, 500)
        },

回答：

这个问题是因为，在mescroll,里面有一个滚动列表添加了overflow:auto,在滚动里面这个列表时触发了下拉刷新，并导致滚动卡顿问题，官网问答区有关于这个这个问题的解答！
mescroll常见问题
Q. mescroll列表包含overflow:auto的div, 如何避免下拉时触发下拉刷新 ?

只需对这div阻止touchmove的事件冒泡即可避免冲突:

document.getElementById("xxx").addEventListener('touchmove',function(e){
      e.stopPropagation()
})

回答：

可能是由于 MeScroll 的滚动区没更新

function downCallback() {
    // 加载新的列表数据...
    // 数据加载完成后，结束下拉刷新
    this.mescroll.endDownScroll();
}

以上是 mescroll 下拉刷新，列表滚动到最底部，无法再次滚动？ 的全部内容， 来源链接： utcz.com/p/934665.html

回到顶部