前言:
上篇文章写到了 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.csdn.net/pxhing/article/details/105793133.

相关文章:

  • 2022-02-10
  • 2021-12-10
  • 2021-12-20
  • 2022-12-23
  • 2021-11-27
  • 2022-12-23
  • 2023-01-18
  • 2022-02-03
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案