微信小程序實現滾動到指定位置

  <view class="box1" bindtap="toComment">查看回答</view>
  //...其他內容
  <view class="box2 text-bold" id="comment">回答</view>

　　

toComment() {
  var query =  wx.createSelectorQuery()//創建節點查詢器
  query.select('#comment').boundingClientRect()//選擇id為comment的節點並查詢的它布局位置
  query.exec(function(res) {//執行請求
      wx.pageScrollTo({
        scrollTop: res[0].top,//滾動到頁面節點的上邊界坐標
        duration: 300   // 滾動動畫的時長
      });
    })
  },

　　

 

 

在HTML中實現很簡單。在小程序中實現一般需要借助srcoll-view組件，而srcoll-view在實現效果時，需要指定固定的高，這就讓我很頭疼了，因為我不知道最終要顯示的有多高，動態計算也比較麻煩。有沒有其它的辦法實現這種滾動效果呢？當然是有的，最終實現了。代碼如下：