小程序使用scroll

小程序使用scroll

那看了上一篇后，相信你们对这个功能也有了一个大体得了解，最近呢又练习了另外一种方法，你们还有什么更好得思路呢？？
css

<scroll-view class="big" scroll-y="true" bindscrolltolower="gun"  style="height:{{height}}px;">    <view wx:for="{{list}}" wx:key="{{index}}">    <image src="{{item.images.small}}"></image>      <text>{{item.title}}</text>    </view> </scroll-view>

思路：利用scroll-view的标签中定义好的方法来实现。（主要js代码请参考上一条发布内容）

可能用到的方法：

• bindscrolltoupper ：滚动到顶部/左边时触发
• bindscrolltolower：滚动到底部/右边时触发
  -拓展：
  小程序中如何获取页面的宽度和高度：

 wx.getSystemInfo({  success: (res) => {    this.setData({       height:res.windowHeight    })    },  })  //同步请求

异步请求：
wx.getSystemInfoSync()  //具体参考：   .getSystemInfoSync.html

• 需要注意的问题：必须设置页面的宽度，如果不设置的话，滚动到底部的事件就不会触发