scroll-view 竖向锚点定位
时间: 2023-10-29 17:06:43 浏览: 187
微信小程序-scroll-view滚动到指定位置(类似锚点)
可以使用 scroll-view 的 scrollIntoView 方法来实现竖向锚点定位。具体步骤如下:
1. 在需要定位的元素上添加一个 id 属性。
2. 在 scroll-view 组件上设置一个 scroll-into-view 属性,值为需要定位元素的 id 值。
3. 在需要触发定位的事件中,调用 scroll-view 组件的 scrollIntoView 方法即可。
示例代码如下:
```
<scroll-view scroll-y="true" scroll-into-view="{{toView}}">
<view id="item1">第一项</view>
<view id="item2">第二项</view>
<view id="item3">第三项</view>
</scroll-view>
<button bindtap="scrollToItem">跳转到第二项</button>
Page({
data: {
toView: ''
},
scrollToItem: function() {
this.setData({
toView: 'item2'
})
}
})
```
阅读全文