美文网首页
微信小程序:页面上拉触底事件

微信小程序:页面上拉触底事件

作者: 我的小小笔尖 | 来源:发表于2021-07-21 20:57 被阅读0次

我的小程序中这样实现上拉的,主要有两点:

1,页面高度要设置大于100%,我的是105%;

2,我的上拉是切换文章章节,所以添加了页面定位到顶部的逻辑。

//page.wxml

<view class="page">

页面内容省略

</view>
//page.wxss

page, .page{
  height: 105%;
  width: 100%;
}
//page.js

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function (e) { 
    console.info("用户上拉动作") 

    你的处理逻辑

    // 定位到顶部
    wx.pageScrollTo({
      scrollTop: 0,
      duration: 300
    })
  },

相关文章

网友评论

      本文标题:微信小程序:页面上拉触底事件

      本文链接:https://www.haomeiwen.com/subject/oqhsmltx.html