小程序加载更多

<scroll-view class="scroll" scroll-y="{{true}}" scroll-top="{{ding}}" scroll-with-animation="{{true}}"  bindscroll="top" enable-back-to-top="{{true}}" lower-threshold="10" bindscrolltolower="getMore">
    <block wx:for="{{list}}" wx:key="" wx:for-item="val"><!-- for-item 改item名字 -->
        <view>{{val}}</view>
    </block>
    
</scroll-view>
<view class="rTop {{style}}" bind:tap="shang">
    回顶部
</view>

// pages/scoll/scoll.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    style:'rTop',
    ding:0,
    list:[
      '我是标题我是标题1',
      '我是标题我是标题1',
      '我是标题我是标题1',
      '我是标题我是标题1',
      '我是标题我是标题1',
      '我是标题我是标题1',
      '我是标题我是标题1',
      '我是标题我是标题1',
      '我是标题我是标题1',
      '我是标题我是标题1',
      '我是标题我是标题1',
      '我是标题我是标题1',
      '我是标题我是标题1',
      '我是标题我是标题1',
      '我是标题我是标题1',
      '我是标题我是标题1',
      '我是标题我是标题1',
      '我是标题我是标题1',
      '我是标题我是标题1',
      '我是标题我是标题1',
      '我是标题我是标题1',
    ],
    item:[
      '我是标题我是标题2',
      '我是标题我是标题2',
      '我是标题我是标题2',
      '我是标题我是标题2',
      '我是标题我是标题2',
      '我是标题我是标题2',
      '我是标题我是标题2',
      '我是标题我是标题2',
      '我是标题我是标题2',
      '我是标题我是标题2',
      '我是标题我是标题2',
      '我是标题我是标题2',
      '我是标题我是标题2',
      '我是标题我是标题2',
      '我是标题我是标题2',
      '我是标题我是标题2',
      '我是标题我是标题2',
      '我是标题我是标题2',
    ]
  },
  
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },
  getMore(e){
    // console.log('到底了');
    let list = this.data.list.concat(this.data.item);
    this.setData({
      list
    })
  },
  top(e){
    let eTop = e.detail.scrollTop;
    if(eTop >=100 ){
      this.setData({
        style:'rNow'
      })
    };
    if (eTop < 100) {
      this.setData({
        style: 'rTop'
      })
    };
  },
  shang(){
    this.setData({
      ding:0
    })
  },


 
})