其他分享
首页 > 其他分享> > 微信小程序js 如何获取页面滚动高度

微信小程序js 如何获取页面滚动高度

作者:互联网

在微信小程序中,可以通过 wx.pageScrollTo 方法设置页面的滚动位置,使用 onPageScroll 事件可以获取页面的滚动高度。请参考以下方法:

  1. 使用 onPageScroll 监听滚动事件

    在你的页面的 JS 文件中,可以这样使用:

    Page({
      onPageScroll: function (e) {
        console.log('页面滚动高度:', e.scrollTop);
      }
    });
    

    JavaScript

    这里的 e.scrollTop 就是当前页面的滚动高度。

  2. 获取具体的滚动高度

    如果需要在具体的时刻获取滚动高度,例如在某个函数中,可以将 scrollTop 保存到页面的数据中:

    Page({
      data: {
        scrollHeight: 0
      },
      onPageScroll: function (e) {
        this.setData({
          scrollHeight: e.scrollTop
        });
      },
      someFunction: function () {
        console.log('当前滚动高度:', this.data.scrollHeight);
      }
    });

标签:
来源: