解决方案:将滚动的值/100,这个100值根据需求来调整,得出来的opacity赋值给样式中
onPageScroll(e) {
const scrollTop = e.scrollTop;
if (scrollTop >= 0) {
// 导航条颜色透明渐变
if (scrollTop <= 20) {
this.opacity = 0
} else if (20 < scrollTop && scrollTop <= 100) {
this.opacity = scrollTop / 100
} else if (scrollTop > 100) {
this.opacity = 1
}
}
},