小程序API：上拉加載

第一種：onReachBottom

• 這個事件表示：頁面上拉觸底會觸發事件
• 可是這個事件有一個缺點：只能觸發一次，想要觸發第二次的話，就必須上拉一下

第二種：使用scroll-view組件

• 有一個屬性：bindscrolltolower
  • 這個屬性表示：滾動到底部/右步會觸發事件
  • 可是想要使用這個屬性，必須給scroll-view添加一個高度，而且這個高度小於內容的高度纔會起效

<scroll-view scroll-y="true" bindscrolltolower="bindMore" style="height:450px">
            <view class="all-class-title">班級列表</view>
            <view bindtap="onChoice">
                <view class="class-name all-class-title-list" wx:for="{{state.list_ten}}"
                      data-clazzName="{{item.clazzName}}" data-id="{{item.id}}">{{item.clazzName}}
                </view>
                <view wx:if="{{state.bottom}}">正在加載</view>
            </view>
</scroll-view>

bindMore(){
    this.setState({bottom:true})
    //發送請求
}

• 在使用這個事件的時候，scroll-view還有一個屬性：lower-threshold
  • 表示：距離底部/右邊還有多少px的時候，觸發事件，沒有設置這個屬性的時候，默認距離50px就觸發

<scroll-view scroll-y="true" lower-threshold="400" bindscrolltolower="bindMore" style="height:450px">
           
</scroll-view>

• scroll-y：容許縱向滾動

以上僅爲我的想法，若有不一樣看法請評論哦