收藏
回答

scroll-view组件在ios下会遮挡fixed的弹窗?

scroll-view popup弹窗

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

4 个回答

  • 有棱角的胖子
    有棱角的胖子
    2021-03-05

    我以前做过外卖的小程序,左侧导航栏用fixed布局,右侧不用scroll-view,用小程序自带的滚动

    然后点击左侧导航栏调用wx.pageScrollTo使右侧滚动

    https://developers.weixin.qq.com/miniprogram/dev/api/ui/scroll/wx.pageScrollTo.html

    2021-03-05
    有用 1
    回复 1
    • 幻爵
      幻爵
      2021-03-08
      好的,谢谢
      2021-03-08
      回复
  • Detail
    Detail
    03-13

    使用 root-portal组件包裹你的弹窗即可脱离scroll-view显示弹窗

    https://developers.weixin.qq.com/miniprogram/dev/component/root-portal.html


    03-13
    有用 1
    回复
  • 花汐
    花汐
    2023-12-13

    这不是有手就行吗。。。

    重点是.wx-scroll-view和-webkit-overflow-scrolling:auto !important;
    .wx-scroll-view的命名就是这样,不要自己心血来潮乱改
    


    <scroll-view class="scroll"></scroll-view>
    <style>
    .scroll .wx-scroll-view {
      -webkit-overflow-scrolling:auto !important;
    }
    </style>
    
    2023-12-13
    有用 1
    回复
  • 微盟
    微盟
    2021-03-05

    这个是正常现象,因为 iOS 下加了 -webkit-overflow-scrolling: touch,这个会产生滚动惯性,体验更好,但会改变 fixed 的行为,建议不在 scroll-view 里有 fixed 元素

    2021-03-05
    有用
    回复 1
    • 幻爵
      幻爵
      2021-03-05
      因为要实现左侧导航栏,联动右侧的内容框。点击左侧,右侧相关的内容要滚到页面顶部。点击还有弹窗。如果有测用view的话。无法联动啊,这个有啥解决办法吗?
      2021-03-05
      回复
登录 后发表内容
问题标签