下拉菜单禁止页面滑动

Posted 2023-04-06

参考技术A 1.vant框架的van-popup会在body里添加一个class=“van-overflow-hidden”，这个就是禁止滑动，使用了overflow: hidden !important;
2.网页上在body设置overflow: hidden；跟vant里面的van-popup是一个意思；
3.如果你页面往下滑动页面，弹出van-popup，页面会抖动一下，不知道你们发现这个问题了没？
4.如果不想出现这样的问题的话，我还可以使用的事件的监听

5.当下拉菜单收起来了，就要把事件监听给移除

H5移动端禁止页面左右滑动

参考技术A 给页面加标签：
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
如果加了标签还不行，可能是因为有的时候如果页面内部的某些元素超出了设备宽度之外，也会导致可以移动，这这属于css布局的问题。