get-container="body" 解决 vant Popup 弹出层 选项框随页面滚动分离问题

前言:
上篇文章写到了 vant Popup 弹出层 + Picker 选择器 实现选择列表,van-popup 里面加了一个get-container="body"属性,页面有两个van-popup,页面就会出现弹出层 选项框随页面滚动分离,get-container="body"属性就解决了这个问题

没加属性之前的效果:
get-container="body" 解决 vant Popup 弹出层 选项框随页面滚动分离问题
第一个van-popup

get-container="body" 解决 vant Popup 弹出层 选项框随页面滚动分离问题
第二个van-popup

get-container="body" 解决 vant Popup 弹出层 选项框随页面滚动分离问题
加上属性之前的效果:
get-container="body" 解决 vant Popup 弹出层 选项框随页面滚动分离问题
第一个van-popup
get-container="body" 解决 vant Popup 弹出层 选项框随页面滚动分离问题
第二个van-popup

get-container="body" 解决 vant Popup 弹出层 选项框随页面滚动分离问题

当设置了get-container="body"属性之后,van-popup的高度就会根据当前页面窗口的高度固定,从而解决页面滚动分离问题
Popup 弹出层 + Picker 选择器 实现选择列表请看下篇文章,链接: https://blog.****.net/pxhing/article/details/105793133.