如何动态更改滚动阴影

How to dynamically change scrolling shadows?

本文关键字：滚动阴影动态何动态更新时间：2023-09-26

如何在向下滚动时动态更改固定标题下的阴影不透明度级别？

我找到了许多如何在向下滚动时立即添加阴影的解决方案。但是如何一步一步地改变它，让它看起来慢慢淡入。

这是示例 - 动态阴影正如你所看到的，如果你用一小步向下滚动，阴影会慢慢出现。我认为他们正在改变不透明度水平。我发现谷歌在帐户设置中使用了相同的效果，但更改了不透明度级别。

我

有我的解决方案，但阴影立即出现，所以这不是我想要创建的

您需要做的就是更改

$('#top-shadow).show();

自

$("#top-shadow").css({'display':'block', 'opacity':y/10});