微信小程序ScrollTop的获取以及赋值

weixin_34292959

于 2019-05-23 01:29:35 发布

阅读量1.8w

点赞数

原文链接：https://juejin.im/post/5ce5f60be51d45108223fbc8

版权

博客主要围绕微信小程序展开，介绍了获取元素高度宽度的方法，以及在小程序中设置view的scrollTop的相关内容，同时提醒创建节点需在页面设置class或id。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

微信小程序获取元素高度宽度

1.创建节点
        var query = wx.createSelectorQuery();
2.绑定DOM
        query.select('#box').boundingClientRect()
3.获取元素信息
        query.exec(function (res) {  
        	 //console.log(res);  
        	 console.log(res[0].height);
        })
总：一起简写（包括绑定了）
        var query = wx.createSelectorQuery();
        query.select("#scroll").boundingClientRect((rect)=> {
          console.log(rect.height)//width等
      }).exec();
复制代码

小程序中如何设置view的scrollTop

1.创建节点
        var query = wx.createSelectorQuery();
2.绑定设置
        query.select('#theId').boundingClientRect((res) => {
        console.log('res: ', res)
        this.setData({
            scrollTop: res.height
        })
        // res.top // 这个组件内 #the-id 节点的上边界坐标
    }).exec()
复制代码

##注意：创建节点都需要在页面上设置class或者id

转载于:https://juejin.im/post/5ce5f60be51d45108223fbc8