小程序開發筆記(四):微信小程序實現滾動到指定位置。

創建一個按鈕,點擊後滾動到頁面內的指定位置。
wxml

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

js

toComment() {
  var query =  wx.createSelectorQuery()//創建節點查詢器
  query.select('#comment').boundingClientRect()//選擇id爲comment的節點並查詢的它佈局位置
  query.exec(function(res) {//執行請求
      wx.pageScrollTo({
        scrollTop: res[0].top,//滾動到頁面節點的上邊界座標
        duration: 300   // 滾動動畫的時長
      });
    })
  },
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章