Question

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

用户滚动到他们选择的页面的任何部分后，有没有办法简单地更改该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); }
}

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

1 个答案: