收藏
回答

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

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
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>







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

4 个回答

  • null
    null
    04-23

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

    04-23
    赞同 1
    回复 2
    • G_C
      G_C
      05-31

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

      05-31
      回复
    • null
      null
      06-03

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

      06-03
      回复
  • 是柿子啊
    是柿子啊
    03-06

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

    03-06
    赞同
    回复 4
    • G_C
      G_C
      03-06

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


      03-06
      回复
    • G_C
      G_C
      03-07

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

      03-07
      回复
    • 仙森ღ₅₂₀¹³¹⁴
      仙森ღ₅₂₀¹³¹⁴
      03-14

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

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

      ios12 微信6.6.6也会有这个问题

      03-14
      回复
  • G_C
    G_C
    03-07

    有没有帮忙看下的

    03-07
    赞同
    回复
  • ShinBlueCat
    ShinBlueCat
    03-11

    感谢反馈,我们跟进一下

    03-11
    赞同
    回复 1
    • G_C
      G_C
      03-11

      好的

      03-11
      回复