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
,在滚动里面这个列表时触发了下拉刷新,并导致滚动卡顿问题,官网问答区有关于这个这个问题的解答!
Q. mescroll列表包含overflow:auto的div, 如何避免下拉时触发下拉刷新 ?
只需对这div阻止touchmove的事件冒泡即可避免冲突:
document.getElementById("xxx").addEventListener('touchmove',function(e){ e.stopPropagation() })