微信小程序 滾動到頁面底部or頂部 wx.pageScrollTo和wx.createSelectorQuery

scrollBottom() {
      wx.createSelectorQuery()
        .select("#charRoom")
        .boundingClientRect(function(rect) {
          wx.pageScrollTo({
            scrollTop: rect.bottom,
            duration:0
          });
        })
        .exec();
}
複製代碼

若是頁面是靜態的話，放在onReady生命週期，讓頁面準備好後滾動到底部。若是是動態數據，應該放在請求返回後執行

• wx.createSelectorQuery該api獲取到頁-面的尺寸，而後用wx.pageScrollTo滾動到對應位置

  • .select('#id') 選擇要滾動的元素id

  • .boundingClientRect 添加節點的佈局位置的查詢請求。返回四角座標位置和大小

• wx.pageScrollTo小程序api，滾動頁面位置。