移动端内部滚动时,临时禁止下拉刷新

方法一:JS实现

在滚动元素上绑定touchmove事件监听,并调用e.stopPropagation()方法。

const el = document.querySelector(".scroll-view");
el.addEventListener('touchmove', (e) => e.stopPropagation());

方法二:使用Vue的事件修饰符

如果使用了Vue,可以使用事件修饰符来实现,可读性更强且UI与逻辑解耦。

<scroll-view  @touchmove.stop />
posted @ 2025-01-25 11:26  南山有榛  阅读(81)  评论(0)    收藏  举报