autoscroll - 自动滚动后更改 DIV 的背景颜色

Question

我有一个菜单，它使用页面名称后的哈希标签（即 my-page.html#section1）链接到单个页面上的不同 div。

在用户滚动到他们选择的页面的任何部分后，有没有办法简单地更改该 div 的背景颜色？

这样做的原因是我希望用户的眼睛立即转到他们选择的部分。有时可能不会发生这种情况的原因是屏幕空间内会有 2 个部分。

谢谢！

山姆

Answer 1

解决方案

只需将其添加到您的样式表中：

:target {
    -webkit-animation: target-fade 3s 1;
    -moz-animation: target-fade 3s 1;
}
@-webkit-keyframes target-fade {
    0% { background-color: rgba(228,201,128,.3); }
    100% { background-color: rgba(228,201,128,0); }
}
@-moz-keyframes target-fade {
    0% { background-color: rgba(228,201,128,.3); }
    100% { background-color: rgba(228,201,128,0); }
}