javascript - 如何动态改变滚动阴影？

Question

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

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

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

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

Answer 1

你需要做的就是改变

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

到

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