我们可以先创建一个page 注意 一定要在page中使用 因为pageScrollTo控制的是页面滚动 你在组件里用 他就失效了
我们先来看一个案例
wxml 代码如下
<view><button bindtap="handleTap">回到指定位置</button><view class = "ControlHeight"></view><view id = "pinglun">指定位置</view><view class = "supportingBoundary"></view><button bindtap="handleTap">回到指定位置</button>
</view>
wxss 代码如下
/* component/indexText.wxss */
.ControlHeight{width: 100vh;background-color: aqua;height: 100vh;
}
#pinglun{width: 100vw;text-align: center;color:black;font-size: 24rpx;height: 30rpx;line-height: 30rpx;
}
.supportingBoundary{width: 100vh;background-color:brown;height: 100vh;
}
js 参考代码如下
Page({data: {},onLoad() {},handleTap: function(e) {wx.pageScrollTo({selector: '#pinglun',});}})
关键就在于 我们在页面上写了一个 id为pinglun的元素
然后 调用pageScrollTo 指定选择id为pinglun的元素 当然 id的名字大家可以随便取
这样 你就会发现 无论在页面任何位置 点击 触发handleTap
界面都会里面滚动到pinglun所在的位置
