这里为啥我直接写在140的时候opacity=1

首页课程实战体系课手记专栏慕课教程

来源：1-4 Vue项目详情页 - 实现Header渐隐渐显效果

功不唐捐终入海

2020-06-10 11:37:35

这里为啥不直接写在140的时候opacity=1，然后再上面添加transition属性。

写回答

1回答

好帮手慕慕子

2020-06-10

同学你好，因为代码主要是通过showAbs这个属性来控制元素的显示和隐藏，是瞬间改变的，所以如果在滚动距离为140时，设置opacity为1, 也是瞬间改变的，无法使用transition属性实现过渡。

老师这种方式是通过计算，在滚动过程中一点点改变opacity属性值，实现一个类似过渡的效果。

如果我的回答帮助到了你，欢迎采纳，祝学习愉快~

0 学习 · 10739 问题

相似问题

回答 1

回答 1

回答 2

回答 1