老师有问题
来源：1-4 Vue项目详情页 - 实现Header渐隐渐显效果
MiMicccc
2021-10-18 22:56:21
let opacity = top / 140
opacity = opacity > 1 ? 1 : opacity
this.opacityStyle = { opacity }老师上面这些没听懂，为什么是140，感觉有点乱
麻烦老师了
写回答
1回答
-
好帮手慕星星
2021-10-19
同学你好，140是老师给出的一个滚动最大值，这个可以自己设置60~最大值，一个合理的范围来过渡显示，不是固定的。
如果设置top值最大为140，那么top/140的值也就是在0到1之间，正好是opacity属性值的范围。所以top超过140的时候，也就是opacity值大于1的时候做判断，如果大于1，就等于1，否则就用opacity值。然后将此值再赋给this.opacityStyle 我们设置的数据即可。简单理解就是页面滚动60~140之间的时候，完成header的过渡显示。
祝学习愉快~
0
