zoukankan      html  css  js  c++  java
  • 小程序加载更多

    <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
        })
      },
    
    
     
    })

  • 相关阅读:
    关于接口测试的一些个人总结
    PMP学习考试回顾与心得
    RHCE第2课
    RHCE第1课
    kafka中对于zookeeper的理解和leader选举过程
    基于python的Selenium使用
    安装python第三方包的几种方式
    Vi命令下几种容易混淆的插入方式
    python单元测试框架unittest
    关于SQL子查询的一个问题
  • 原文地址:https://www.cnblogs.com/xm666/p/11351657.html
Copyright © 2011-2022 走看看