微信小程序 scroll-view 完成上拉加载更多

    我们经常在软件客户端上看到这么一个功能,当我们阅读信息浏览到文章的末尾时,通常会加载出更多的信息。比如,我们在简书客户端上浏览推荐文章时,浏览到屏幕的末尾,此时又加载出了另一页的推荐文章,即实现了上拉加载更多的功能。在小程序中,我们可以借助 scroll-view 来实现这个功能,当然也可以使用别的方法来实现。

需求:

       当我们浏览到屏幕末尾时,加载出下一页的内容。

注意实现细节:

      1、 由于采用的是 scroll-view 来实现,因此需要竖向滚动,那么 scroll-y 属性的值就必须设置true ,而且scroll-view 要能竖向滚动,必须要设置 高度(height).

      2、当我们滚动到屏幕的底部时,会触发 bindscrolltolower 事件,lower-threshold 这个属性用于控制距离屏幕底部还剩下多少像素时就开始触发这个事件。

      3、当滚动到屏幕顶部时会触发 bindscrolltoupper 事件

      4、由于 bindscrolltolower  在一瞬间可能触发多次,可能会导致发送多次请求来加载数据,我们必须保证只能

你可能感兴趣的:(微信开发,微信小程序,scroll-view)