1.页面使用view排版,确定滚动某个距离
是否异步看自己需求
setTimeout(() => {
wx.pageScrollTo({
scrollTop: 100,
duration: 300
});
}, 500);
2.页面使用view排版,确定滚动某个节点处
在节点上进行标记id="review-record"
scrollToReviewRecord() {
wx.nextTick(() => {
wx.createSelectorQuery()
.select('#review-record')
.boundingClientRect()
.exec((res) => {
if (res[0]) {
wx.pageScrollTo({
scrollTop: res[0].top,
duration: 300
});
}
});
});
}
3.页面使用scroll-view
排版,确定滚动某个距离
注意使用此排版上诉两个方法不可生效
<scroll-view
scroll-y
style="height: 100vh;"
scroll-top="{{scrollTop}}"
scroll-with-animation>
<!-- 你的表单内容 -->
</scroll-view>
Page({
data: {
scrollTop: 0
},
onReady() {
setTimeout(() => {
this.setData({ scrollTop: 100 }); // 滚动到100px
}, 500);
}
});