收藏
回答

iPhone6 ,iso10版本 scroll-view浮层 滑动穿透

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug scroll-view 客户端 7.0.3 2.4.0

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

在iphone6 ios10 中 scroll-view  浮层元素中滑动上层scroll-view 组件,会导致scroll-view 滑动失效,滑动穿透导致scroll-view下层page 滑动


- 预期表现

在iphone6 ios12 中 scroll-view  浮层元素中滑动上层scroll-view 正常


- 复现路径


- 提供一个最简复现 Demo

模板

<view class='mask' wx:if='{{show}}' catchtap='clickMask'>
 <!-- <view class="shade"  wx:if="{{show}}" catchtouchmove="touchHandler" catchtap='close'>
</view> -->
  <view class='modal-content' wx:if='{{show}}' style='height:{{height}}' catchtap='childClick' hover-stop-propagation='true' >
    <scroll-view scroll-y class='main-content'>
      <slot></slot>
    </scroll-view>
     
    <view class='modal-btn-wrapper'>
  
      <view wx:if="{{isCancel}}" class='cancel-btn'  bindtap='cancel'>取消</view>
      <view class='confirm-btn'  bindtap='confirm'>确定</view>
  
    </view>
  </view>
</view>


在一个页面中引用模板

<modal show="{{showModal}}" height='42%' bindcancel="modalCancel" bindconfirm='saveChildren' isCancel="{{false}}">
   <view class='modal-title'>请完善家人信息</view>
 
   <view class="modal-list-section">
     <view class="list-item">
       <view class="name">姓名</view>
       <input type='text'   bindinput='bindinputName' name="name" placeholder="请输入您的真实姓名" value="{{children.childrenName}}"></input>
     </view>
 
     <view class="list-item">
       <view class="name">性别</view>
       <radio-group bindchange="radioChange" class="radio-group">
         <label class="radio">
           <radio value="男" checked="{{children.childrenSex==0}}" color="red" /> 男
         </label>
         <label class="radio">
           <radio value="女" checked="{{children.childrenSex==1}}" color="red" /> 女
         </label>
       </radio-group>
     </view>
 
     <picker mode="date" bindchange="bindMultiPickerChange" end="{{endTime}}">
       <view class="picker">
         <view class="list-item">
           <view class="name">出生日期</view>
           <input type='text' disabled placeholder="请选择出生日期" value="{{children.childrenBirthday}}"></input>
           <image style="width:20rpx;height:34rpx;margin-left:20rpx;" src="/images/right_arrow1.png"></image>
         </view>
       </view>
     </picker>
 
     <view class="list-item">
       <view class="name">身高</view>
       <input type='number' maxlength='3' bindinput='bindinputHeight' name="stature" value='{{children.childrenHeight}}' placeholder="请填写身高"></input>
       <text>厘米</text>
     </view>
 
     <!-- <view class="confirm-btn" bindtap="saveChildren">确定添加</view> -->
 
 
   </view>
 
 </modal>







最后一次编辑于  2019-03-06
回答关注问题邀请回答
收藏

5 个回答

  • ShinBlueCat
    ShinBlueCat
    2019-03-11

    感谢反馈,我们跟进一下

    2019-03-11
    有用
    回复 1
    • 2019-03-11

      好的

      2019-03-11
      回复
  • null
    null
    2019-04-23

    问题已解决,代码片段也解决了。链接https://www.jianshu.com/p/2da4295e8763,如果帮到您记得点个小心心

    2019-04-23
    有用 2
    回复 6
    • 2019-05-31

      明明是bug,这样委屈求全不好吧

      2019-05-31
      回复
    • null
      null
      2019-06-03

      微信的维护团队不给力啊,,你见到这个bug有跟进的情况吗?

      2019-06-03
      1
      回复
    • 2019-10-26回复null
      虽然委曲求全,但总算实现了不是吗(坚强)
      2019-10-26
      1
      回复
    • 2019-10-26
      感谢(抱拳)
      2019-10-26
      回复
    • null
      null
      2019-11-06回复
      客气了老铁
      2019-11-06
      回复
    查看更多(1)
  • 冰封四月
    冰封四月
    2019-10-26

    这个问题还没有解决吗,我也遇到了

    2019-10-26
    有用
    回复
  • 2019-03-07

    有没有帮忙看下的

    2019-03-07
    有用
    回复
  • 是小白啊
    是小白啊
    2019-03-06

    麻烦提供下代码片段:https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    2019-03-06
    有用
    回复 4
    • 2019-03-06

      代码片段;https://developers.weixin.qq.com/s/YFtokFmG7T6D


      2019-03-06
      回复
    • 2019-03-07

      在Andriod机器中正常,在ios12 系统中也正常,在ios10 系统版本中,无法滑动上层scroll-view

      2019-03-07
      回复
    • 睡前原谅一切
      睡前原谅一切
      2019-03-14

      scroll-view会滚动穿透底部的问题什么时候解决呀。

      2019-03-14
      回复
    • 咱们关系好啊
      咱们关系好啊
      2019-03-14

      ios12 微信6.6.6也会有这个问题

      2019-03-14
      回复
登录 后发表内容