收藏
回答

在ios上 scroll-view 嵌套 swiper后显示异常

问题模块 框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
客户端 小程序 Bug iOS 10.3.2 iphone6s 6.6.7

- 当前 Bug 的表现(可附上截图)

scrollview 中元素显示不正确,swiper 控件显示在屏幕上方

通过下拉能显示出其余控件,但部分位置显示为空白

- 预期表现

android 中未发现此问题


- 复现路径


- 提供一个最简复现 Demo

代码片段: wechatide://minicode/YZN3vEmG7SZF

在android上scrollview 排布后从上到下显示并拉动,布局为最上方swiper.显示没有问题

而在6s上swiper会隐藏在屏幕最上方,向下拉动时才能显示最上方的swiper控件,且放手后会回弹.

在微信版本6.6.7, 6.7.0 中均发现此bug

最后一次编辑于  2018-07-04  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

2 个回答

  • 娇华
    娇华
    2018-07-04

    你好,你的反馈已收到,我们这边先确认下

    2018-07-04
    赞同
    回复 1
    • 忘れてた
      忘れてた
      2018-09-20

      你好,遇到了同样的问题,请问现在该怎么办

      2018-09-20
      回复
  • sanford🐶~
    sanford🐶~
    2018-07-05

    看你的代码中宽高用的是vm 单位,改成px/rpx再试试

    2018-07-05
    赞同
    回复 2
    • 朔月之外
      朔月之外
      2018-07-05

      替换了单位为rpx,但是测试时仍然会显示异常.

      2018-07-05
      回复
    • 朔月之外
      朔月之外
      2018-07-05

      已经修复

      解决方案是 scroll-view 中的样式包含了 justify-content:center 与 display:flex, 去除掉之后再 iphone 6 与 iphone6s 上就能正确显示了。

      可能是不同机型对样式的解析不一样??


      2018-07-05
      回复