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

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

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