微信小程序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小程序

相關文章
相關標籤/搜索