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

方法一:JS实现

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

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

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

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

<scroll-view @touchmove.stop />
posted @   南山有榛  阅读(16)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
点击右上角即可分享
微信分享提示