在開發(fā)小程序的過程中遇到了在iPhone6 下 scroll-view滾動無效的問題

微信社區(qū)同樣的問題鏈接
微信官方在社區(qū)每周 | 上周社區(qū)問題反饋以及功能優(yōu)化更新（03.04-03.08）也說明了正在修復(fù)此問題,可是在后面的社區(qū)每周中也未有提到過此問題的解決辦法

解決方法

在筆者的借來iPhone6之后經(jīng)過一上午的摸索實踐發(fā)現(xiàn)了解決辦法

• 問題重現(xiàn)
  • scroll-view外層有父盒子的情況下話,未設(shè)置固定高度,這里指的是 scroll-view元素沒有具體的設(shè)置 height:xxx ( 即使設(shè)置了flex也無效 )
• 解決
  • 在scroll-view元素上設(shè)置 height:100% 完美解決此問題

微信社區(qū)重現(xiàn)代碼片段解決辦法

//modal.wxml
<view class='modal-content' wx:if='{{show}}' style='height:{{height}}' catchtap='childClick' hover-stop-propagation='true' >
  <scroll-view scroll-y class='main-content' style='height:100%'> //就在此處設(shè)置height:100%
    <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 class='page'>
    <view class='top'>
      <searchbar bind:onSeek="onSeek"></searchbar>
    </view>
    <scroll-view class='mid'  scroll-y bindscrolltolower="lower" style='height:100%'>  //在此處設(shè)置 height:100%
    <view  hover-class="hover"  class='list'  bindtap="openOfficial" wx:for="{{prepareDeclarationList}}" wx:key="{{index}}">
      <view class='list-top'>
        姓名：{{item.userName}}
        <text>手機號：{{item.phoneNO}}</text>
      </view>
      <view class='list-text'>
        身份證號： {{item.idCard}}
      </view>
      <view class='list-text'>
        銀行卡號： {{item.cardNO}}
      </view>
    </view>
    <view class="weui-loadmore" wx:if="{{lowerFlag}}">
      <view class="weui-loading"></view>
      <view class="weui-loadmore__tips">正在加載</view>
    </view>
    <view class="weui-loadmore weui-loadmore_line" wx:if="{{!lowerFlag}}">
      <view class="weui-loadmore__tips weui-loadmore__tips_in-line">暫無更多數(shù)據(jù)</view>
    </view>
  </scroll-view>
</view>

總結(jié)

解決辦法: scroll-view元素設(shè)置height:100%,如果無效請檢查父元素是否設(shè)置height,以此類推。如果筆者的解決辦法幫助到您，記得點小心心 ?( ′???` )比心。