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

Question

如果您访问此网站，您会看到当您向下滚动时，通过 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 解决方案。