mescroll 下拉刷新,列表滚动到最底部,无法再次滚动?
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个回答
test
2024-06-29
这个问题是因为,在mescroll,里面有一个滚动列表添加了overflow:auto
,在滚动里面这个列表时触发了下拉刷新,并导致滚动卡顿问题,官网问答区有关于这个这个问题的解答!mescroll常见问题Q. mescroll列表包含overflow:auto的div, 如何避免下拉时触发下拉刷新 ?
只需对这div阻止touchmove的事件冒泡即可避免冲突:
document.getElementById("xxx").addEventListener('touchmove',function(e){
e.stopPropagation()
})
回复
适合作为回答的
- 经过验证的有效解决办法
- 自己的经验指引,对解决问题有帮助
- 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容