小程序上拉加载和下拉刷新

微信开发文档：https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html

一、如果使用原生的onReachBottom（上拉加载）和onPullDownRefresh（下拉刷新），需要注意

1.在xxx.json页面不添加"onReachBottomDistance":xxx，默认下拉50（单位px）触发onReachBottom事件。

注意：如果页面未出滚动条，设置高度需要大于100%

2..在xxx.json页面不添加"enablePullDownRefresh":true，不会触发onPullDownRefresh下拉事件。

注意，如果是使用MAC OS 操作系统进行开发，要触发onPullDownRefresh事件，需要点住进行下拉，而不是滑动下拉。

二、如果使用scroll-view

格式如下:

<scroll-view scroll-y="true" lower-threshold="100"

bindscrolltolower="lower" bindscrolltoupper="upper" upper-threshold="10">

    <view></view>

</scroll-view>

重点（横向加载/刷新同理）：

           1.保证page的height:100%;

           2.保证scroll-view的height:100%;

           3.保证scroll-view下面的样式的height总和>100%;(这个demo可以让view的height:101%;试一下)

如有问题，欢迎大家留言指正，谢谢！！～～