向下滚动时，通过CSS3将样式应用于固定div

Question

如果你转到this website，你会看到当你向下滚动时，通过javascript为顶部导航div添加以下样式（#yucsHead）：

-webkit-box-shadow: 0 0 9px 0 rgba(73,15,118,1)!important;
-moz-box-shadow: 0 0 9px 0 rgba(73,15,118,1)!important;
box-shadow: 0 0 9px 0 rgba(73,15,118,1)!important;
border-bottom: 1px solid #490f76!important;

我对CSS3有点新意，并注意到CSS现在有许多功能，你首先只能用Javascript做。因此，我想知道这是否也可以通过CSS3实现。我更愿意在可能的情况下通过css做事。

Answer 1

为了找到文档滚动了多少，我们在jquery中使用scrollTop（），并根据这些样式进行应用。您的示例网站就是这样...我不认为有一个纯CSS 3解决方案。