收藏
回答

自定义modal框弹出后如何固定背景页面?

我使用了scroll-view组件。当modal框弹出时设置了scroll-y的值为true,并给其添加样式overflow-y: hidden;height: 100hv。这样虽然弹框后固定了背景不能滚动,但背景会回到顶部。我想让弹框弹出时,背景页面停在modal弹出前的位置。请问怎么实现


回答关注问题邀请回答
收藏

2 个回答

  • Admin ²º²⁴
    Admin ²º²⁴
    2020-04-30

    一般做法是做一个遮罩层z-index值设置比原来的scroll-view高但是要比弹出的model低,半透明整个覆盖屏幕,弹出model时附带显示遮罩层,这样scroll-view无法操作。又实现半透明效果。

    ↓↓↓↓能帮到你是我的荣幸!如果觉得有帮助的话请在顶部回复里点个有用。让其他人碰到同类问题时少走弯路~

    2020-04-30
    有用 1
    回复 2
    • 如光不息
      如光不息
      2020-04-30
      好的,非常感谢您的解答
      2020-04-30
      回复
    • Admin ²º²⁴
      Admin ²º²⁴
      2020-04-30回复如光不息
      不客气,这是我应该做的~能帮到你是我的荣幸!
      2020-04-30
      回复
  • 金柯
    金柯
    2020-04-29

    初步估计应该是数据更新导致界面重新渲染的问题,请提供代码片段已更快地定位问题,如何创建并分享代码片段?见:https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    2020-04-29
    有用
    回复
登录 后发表内容
问题标签