在前端的开发中,经常会遇到长页面和弹框,触发弹框,会出现遮罩层后面的页面依旧可以滚动,此时就出现了滚动穿透,如何处理呢?
解决方法:
触发弹框时,给最外层的div添加样式
话不多说,上代码
.prevent_touch_move_box {
position: fixed ;
overflow: hidden;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
示例:
<template>
<!-- 最外层 -->
<view class="box" :class="show?'prevent_touch_move_box':''">
<!-- 页面内容 -->
<view class