微信小程序页面滚动到指定位置
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-viewscroll-ystyle="height: 100vh;"scroll-top="{{scrollTop}}"scroll-with-animation><!-- 你的表单内容 --></scroll-view>
Page({data: {scrollTop: 0},onReady() {setTimeout(() => {this.setData({ scrollTop: 100 }); // 滚动到100px}, 500);}
});