position:fixed规则,vant-popup组件失效

381 阅读1分钟

vant-popup组件在van-swipe-cell内失效 原因: vant-popup使用position:fixed定位

image.png

position:fixed定位的特性 image.png van-swipe-cell的内联元素存在tranform的定义

image.png 所以vant-popup会在van-swiper-cell内显示而不是在铺满视口

解决方法:

使用vant-popup的get-container属性可以将popup组件挂在到指定元素下。这里将popup挂在到了app下面! image.png