问题:一个页面有多个分类tab,通过view元素构建,每个分类下有一个scroll-view;
每个scroll-view 绑定的bindscroll = onScroll,onScroll里做了件事情,向下滚动头像消失,向上滚动头像出现;
代码:
onScroll: function (e) {
if (e.detail.deltaY < -10) {
if (this.data.avatarFadeout != 'avatar-fadeout') {
this.setData({
avatarFadeout: 'avatar-fadeout'
})
}
} else if (e.detail.deltaY > 0) {
if (this.data.avatarFadeout != 'avatar-fadein') {
this.setData({
avatarFadeout: 'avatar-fadein'
})
}
}}
预期:在一个tab下上下滚动头像出现消失,切换tab之后上下滚动,头像也能正常出现消失;
实际结果: 在一个tab滚动一会儿后切换tab滚动,头像会消失不见(无论上下滚动),并且vConsole崩溃,如下图: