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

作者站长头像
站长
· 阅读数 9

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)
        },
回复
1个回答
avatar
test
2024-06-29

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

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

document.getElementById("xxx").addEventListener('touchmove',function(e){
      e.stopPropagation()
})
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容