小程序scroll-view滚动到指定位置
时间: 2023-09-30 17:03:00 浏览: 239
微信小程序-scroll-view滚动到指定位置(类似锚点)
你可以使用小程序的`scroll-view`组件的方法来滚动到指定位置。
首先,你需要获取到 `scroll-view` 组件的实例对象。在 `scroll-view` 组件上添加一个 `id`,例如:
```html
<scroll-view id="myScrollView" scroll-y>
<!-- 内容 -->
</scroll-view>
```
然后,在页面的 `onReady` 函数中通过 `wx.createSelectorQuery()` 方法获取到 `scroll-view` 组件的实例对象:
```javascript
Page({
onReady() {
this.myScrollView = wx.createSelectorQuery().select('#myScrollView');
},
// 其他代码
})
```
接下来,你可以通过调用 `scrollTo()` 方法来滚动到指定位置。该方法接受一个参数,用于指定滚动到的位置(单位为像素):
```javascript
this.myScrollView.scrollBy({
scrollTop: 100, // 滚动到距离顶部 100px 的位置
});
```
以上就是使用小程序的 `scroll-view` 组件滚动到指定位置的方法。你可以根据自己的需求来调整滚动的位置值。
阅读全文