美文网首页全栈笔记
Vue 滚动事件穿透解决方案

Vue 滚动事件穿透解决方案

作者: 小贤笔记 | 来源:发表于2020-08-30 10:31 被阅读0次

移动端

  • 阻止默认事件
<div class="test" @touchmove.prevent></div>

PC

    // 停止页面滚动
    stopMove() {
      let m = function(e) {
        e.preventDefault();
      };
      document.body.style.overflow = 'hidden';
      document.addEventListener('touchmove', m, { passive: false });
    },
    // 开启页面滚动
    canMove() {
      let m = function(e) {
        e.preventDefault();
      };
      document.body.style.overflow = '';
      document.removeEventListener('touchmove', m, { passive: true });
    }

相关文章

网友评论

    本文标题:Vue 滚动事件穿透解决方案

    本文链接:https://www.haomeiwen.com/subject/psossktx.html