如何动态更改滚动阴影？

Question

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

我找到了很多关于如何在向下滚动时立即添加阴影的解决方案。但是如何逐步改变它，所以它似乎慢慢消失。

以下是示例 - Dynamic shadow 正如您所看到的，如果向下滚动一小步，阴影将缓慢显示。 我认为他们正在改变不透明度。 我发现帐户设置中的Google使用与更改不透明度级别相同的效果。

我有my solution，但影子立即出现，所以它不是我想创造的

Answer 1

您需要做的就是改变

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

到

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