微信小程序 滚动到页面底部or顶部 wx.pageScrollTo和wx.createSelectorQuery

2,787 阅读1分钟
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,滚动页面位置。