scroll-view记录滚动条位置
时间: 2023-07-05 14:29:38 浏览: 56
在使用 `scroll-view` 组件时,可以通过监听 `scroll` 事件,获取到当前滚动条的位置,并将其记录下来。具体实现步骤如下:
1. 在 `scroll-view` 组件上绑定 `scroll` 事件,例如:
```
<scroll-view scroll-y="true" bindscroll="onScroll">
```
2. 在对应的页面或组件 JS 文件中,定义 `onScroll` 函数,用于监听 `scroll` 事件,例如:
```
onScroll: function(e) {
// 获取当前滚动条的位置
const scrollTop = e.detail.scrollTop;
// 将滚动条位置记录下来
wx.setStorageSync('scrollPosition', scrollTop);
}
```
3. 在页面或组件 `onLoad` 生命周期中,读取并应用之前记录的滚动条位置,例如:
```
onLoad: function() {
// 读取之前记录的滚动条位置
const scrollTop = wx.getStorageSync('scrollPosition') || 0;
// 将滚动条位置应用到 scroll-view 组件上
this.setData({ scrollTop });
}
```
通过以上步骤,就可以实现记录 `scroll-view` 滚动条位置的功能了。