小程序如何获取页面滚动距离

CV_CodeMan

已于 2023-04-10 10:08:23 修改

阅读量1.5k

点赞数

文章标签：小程序 javascript

于 2023-04-07 13:32:02 首次发布

本文链接：https://blog.csdn.net/weixin_45357661/article/details/130010215

版权

该文章讲述了在小程序开发中如何使用onPageScroll函数监听页面滚动，通过res.scrollTop获取滚动距离，并用此来更新数据状态。当滚动距离大于或等于192时，设置fixedScrollTop为true，否则设为false，实现特定滚动效果。

摘要由CSDN通过智能技术生成

在小程序中使用onPageScroll()方法，通过e.scrollTop获取页面滚动距离。

//获取下拉距离
    onPageScroll: function (res) {
        console.log(res);
        let that = this
        let scrollTop = res.scrollTop
        that.setData({
            scrollTop
        })
        if (scrollTop >= 192) {
            that.setData({
                fixedScrollTop: true
            })
        } else {
            that.setData({
                fixedScrollTop: false
            })
        }
    },