前端移动端开发,滑动时怎么禁止阴影层下的屏幕滚动

2025-02-11 17:55:46
推荐回答(1个)
回答1:

  • 前端移动端开发,在页面中打开了一个层,同时打开一个遮罩层,滚动这个层时 下面的页面也会跟着滚动,禁止下面那个页面的滚动, 只滚动当前的层。

  1. 打开弹层时body的touchmove事件addEventListener增加阻止默认行为的事件,关闭弹层时removeEventListener;

  2. 阻止touchstart事件的默认行为,在vue下@touchstart.prevent,在弹出层和底层元素之间曾加一层遮罩;