我找到了许多解决方案来显示阴影或在内容有一个时向顶部横幅添加一个类top < 0px;.但是,我想知道是否有一种方法可以在滚动时慢慢淡入阴影,所以也许阴影只会opacity:0.5在滚动10px之后,例如？
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%
}