微信小程序 scrollToView
时间: 2023-10-13 12:58:19 浏览: 123
微信小程序的`scroll-view`组件提供了`scrollToView`属性,用于滚动到指定的子元素位置。你可以将需要滚动到的子元素设置一个唯一的`id`,然后将该`id`赋值给`scrollToView`属性即可。
下面是一个示例代码:
```xml
<scroll-view scroll-y="true" scroll-with-animation="true" bindscrolltolower="onScrollToLower">
<view id="targetView">需要滚动到的视图</view>
</scroll-view>
```
在js文件中,你可以使用`this.selectComponent()`方法获取到`scroll-view`组件实例,并调用`scrollToView`方法进行滚动。
```javascript
Page({
onScrollToLower() {
const scrollView = this.selectComponent('.scroll-view');
scrollView.scrollToView('targetView');
},
});
```
这样,当`bindscrolltolower`事件触发时,页面就会滚动到指定子元素的位置。
希望能帮到你!如果有任何其他问题,请随时提问。
阅读全文