微信小程序怎么监听scroolview的滚动条
时间: 2023-07-13 07:37:26 浏览: 99
要监听scrollview的滚动条,你可以在scrollview组件中使用bindscroll事件,如下所示:
```
<scroll-view scroll-y="true" bindscroll="onScroll">
<!--scrollview的内容-->
</scroll-view>
```
其中,scroll-y="true"表示scrollview是竖向滚动的;bindscroll="onScroll"表示绑定了一个名为onScroll的事件处理函数。在事件处理函数中,你可以通过event.detail.scrollTop获取到当前scrollview的滚动条位置。
```
Page({
data: {
scrollTop: 0 //初始滚动条位置为0
},
onScroll: function (event) {
this.setData({
scrollTop: event.detail.scrollTop //更新滚动条位置
})
}
})
```
这样,每次滚动scrollview时,onScroll函数就会被调用,并且可以获取到当前的滚动条位置。
阅读全文