Jquery 滚动时将阴影应用于固定的顶部横幅

我发现了许多解决方案，当内容有

top<0px时，可以在顶部横幅上显示阴影或添加类。但是，我想知道是否有一种方法可以在滚动时在阴影中慢慢淡出，例如，滚动10px后阴影可能只有
不透明度：0.5

Google在Google+页面中使用它，您在其中滚动内容，然后顶部下方的阴影在滚动时慢慢淡入，但如果再次向上滚动，也会再次淡出。有人能告诉我这是如何用jquery和css3实现的吗

我已经看过了，但唯一的错误是我希望在滚动时阴影越来越暗。。我不希望它突然出现

也许可以分步做。。这不起作用，但它可能会给你一个想法

var done = $(document).scrolltop() - 20x;
// now we can use this number as 100% scrolled

$(document).scroll(function() {
    // here we can animate the shadow opacity after 20%, 40%, 60%, 80% and 100%
}

以更具体的方式问你的问题，也许可以举个例子？但模式应该是这样的：

为您的div赋予css shadow属性/或者使用一个同样适用于旧浏览器的图像
将2个滚动事件绑定到文档，一个用于向上，一个用于向下
写一个函数来改变.css属性
以更具体的方式问你的问题，也许可以举个例子？但模式应该是这样的：

为您的div赋予css shadow属性/或者使用一个同样适用于旧浏览器的图像
将2个滚动事件绑定到文档，一个用于向上，一个用于向下
写一个函数来改变.css属性
-像这样的

本例使用CSS3转换淡入/淡出
固定
元素上的
框阴影

更新：

-另一种解决方案，其中
框阴影的不透明度反映了滚动位置，其中距页面顶部100px（或更大）为100%不透明度（零透明度），距顶部10px为10%（或0.1）不透明度（90%透明度）。
-类似的情况

本例使用CSS3转换淡入/淡出
固定
元素上的
框阴影

更新：

-另一种解决方案，其中
框阴影的不透明度
反映了滚动位置，其中距页面顶部100px（或更大）为100%不透明度（零透明度），距顶部10px为10%（或0.1）不透明度（90%透明度）。
Google+的哪一部分？我不是G+用户（虽然我有一个帐户），但顶部下方的阴影似乎立即显示/隐藏，没有看到褪色效果：| Google+的哪一部分？我不是G+用户（尽管我有一个帐户），但顶部下方的阴影似乎立即显示/隐藏，没有看到褪色效果：|“将处理程序附加到窗口滚动事件上是一个非常非常糟糕的主意。”很高兴知道，但实际上我已经按照页面上描述的方式使用了它：）。“将处理程序附加到窗口滚动事件是一个非常非常糟糕的主意。“很高兴知道，但实际上我已经按照页面上描述的方式使用了：）。关闭。。。但如果我不继续滚动，我希望它停止淡入。。如果我只滚动了10px，那么它的不透明度将保持在0.5。换句话说，你想让不透明度随着你向下滚动的距离而增加吗？没错P对不起。。。我不会说流利的英语。我更新了我的答案，加入了带有演示的替代解决方案。完美！！：）只是没有盒子里的2 s阴影。。非常感谢。接近。。。但如果我不继续滚动，我希望它停止淡入。。如果我只滚动了10px，那么它的不透明度将保持在0.5。换句话说，你想让不透明度随着你向下滚动的距离而增加吗？没错P对不起。。。我不会说流利的英语。我更新了我的答案，加入了带有演示的替代解决方案。完美！！：）只是没有盒子里的2 s阴影。。非常感谢。