【小程序】滚动到指定位置

点击按钮滚动到页面内的指定位置。

wxml

<view class="btn" catchtap="scrollToElement">去报名</view><view class="box" id="inputArea">报名填写内容</view>

js

/*** 滚动到指定位置处*/scrollToElement () {var query = wx.createSelectorQuery(); // 创建节点查询器query.selectViewport().scrollOffset();query.select('#inputArea').boundingClientRect(); // 选择id为inputAreat的节点并查询的它布局位置query.exec(function(res) {//执行请求wx.pageScrollTo({scrollTop: res[0].scrollTop + res[1].top,//滚动到页面节点的上边界坐标duration: 300 // 滚动动画的时长});})},