出现场景:
1. 弹出层嵌套时,第二层弹出之后,第一层照样可以滚动并且导致第二层不动
2. 使用van-dropdown-menu时 屏幕滚动时弹出层会跟着走
正常状态:

bug时:

解决方法
动态给外层盒子设置 overflow: hidden和 overflow-y: scroll
解决代码
<view class="add-contant {{ banScroll ? 'isHidden' : ''}}">
<view class="follow-up ">
<view class="f-type required-label">是否关键决策人</view>
<van-dropdown-menu class="follow-up-d" active-color="#1989fa">
<van-dropdown-item value="{{ is_decision_maker }}" options="{{ decisionOptions }}" bind:change="decisionChange"
bind:open="openDropdown" bind:close="closeDropdown" />
</van-dropdown-menu>
</view>
</view>
复制代码
.add-contant {
height: 80%;
overflow-y: scroll;
box-sizing: border-box;
}
.isHidden {
overflow: hidden;
}
复制代码
// 打开下拉框事件
openDropdown() {
this.setData({
banScroll: true
})
},
closeDropdown() {
this.setData({
banScroll: false
})
}
复制代码
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END






















![[桜井宁宁]COS和泉纱雾超可爱写真福利集-一一网](https://www.proyy.com/skycj/data/images/2020-12-13/4d3cf227a85d7e79f5d6b4efb6bde3e8.jpg)

![[桜井宁宁] 爆乳奶牛少女cos写真-一一网](https://www.proyy.com/skycj/data/images/2020-12-13/d40483e126fcf567894e89c65eaca655.jpg)