微信小程序js 如何获取页面滚动高度
作者:互联网
在微信小程序中,可以通过 wx.pageScrollTo
方法设置页面的滚动位置,使用 onPageScroll
事件可以获取页面的滚动高度。请参考以下方法:
-
使用
onPageScroll
监听滚动事件:在你的页面的 JS 文件中,可以这样使用:
Page({ onPageScroll: function (e) { console.log('页面滚动高度:', e.scrollTop); } });
JavaScript这里的
e.scrollTop
就是当前页面的滚动高度。 -
获取具体的滚动高度:
如果需要在具体的时刻获取滚动高度,例如在某个函数中,可以将
scrollTop
保存到页面的数据中:Page({ data: { scrollHeight: 0 }, onPageScroll: function (e) { this.setData({ scrollHeight: e.scrollTop }); }, someFunction: function () { console.log('当前滚动高度:', this.data.scrollHeight); } });
标签: 来源: