vant 滚动穿透问题

官方地址：https://vant-ui.github.io/vant/#/zh-CN/home

问题描述

在使用vant 组件库中调用了第三方封装的插件，发现弹出选择器，遮罩层下的页面元素可以被滚动

原因分析：

通过调取第三方插件，与vant自带的picker插件，发现在插件出现的时候，body上会加入 van-overflow-hidden 的类，来限制滚动穿透问题。

---

解决方案：

提示：限制住body的滚动

弹出时，在body上添加类 van-overflow-hidden，取消弹出时，移除该类

.van-overflow-hidden {
    
    
   overflow: hidden !important;
}