文档说明:
代码如下:
wxml:
<scroll-view scroll-y bindscrolltoupper="bindscrolltoupper" scroll-top="{{topNum}}" scroll-with-animation="{{true}}" upper-threshold="50" >
</scroll-view>
js:
// 触顶方法,当滚动条触顶时显示图表
bindscrolltoupper (e) {
console.log('触发bindscrolltoupper')
if (this.data.PageCur == 'statistics') {
this.selectComponent("#statistics").showCharts()
}
},
// 当滚动条距离顶部50时,触发显示小火箭
scrolltoupper() {
this.setData({
topVisual: true
})
}
在提问之前我看了其他的文章,有的人说upper-threshold属性触发的事件就是bindscrolltoupper绑定的事件
但是在滚动的时候并没有触发bindscrolltoupper绑定的事件,bindscrolltoupper绑定的事件依然是在触顶时才会执行,那么文档上说的 距顶部/左边多远时,触发 scrolltoupper 事件,到底是怎么触发的?
我的期望是upper-threshold能触发我的scrolltoupper方法
虽然upper-threshold属性的触发问题不清楚
只能改变思路了
使用bindscroll属性绑定方法,取代upper-threshold属性,在bindscroll中判断滚动条高度大于多少时执行逻辑
文档说明:
代码如下:
wxml: <scroll-view scroll-y bindscrolltoupper="bindscrolltoupper" scroll-top="{{topNum}}" scroll-with-animation="{{true}}" bindscroll="binddragging" > </scroll-view> js: bindscroll(e) { if (e.detail.scrollTop >= 50) { this.scrolltoupper() } }