在自動滾動後更改DIV的背景顏色

我有一個菜單，可以在頁面名稱後面使用哈希標籤鏈接到單個頁面上的不同div（即my-page.html＃section1）。在自動滾動後更改DIV的背景顏色

用戶滾動到頁面的任何部分後，他們選擇是否有方法來簡單地更改該div的背景顏色？

原因是我希望用戶的眼睛立即去他們選擇的部分。這可能不會發生的原因是屏幕空間中會有2個部分。

謝謝！

山姆

來源

2013-03-07 Wolf Cat

上類似的主題，以便與所接受的答案：的http：//計算器。 com/questions/8755887/jquery-change-background-color-user-scroll – 2013-03-07 17:19:28

感謝您的鏈接，但這並不真正ap適合我想要完成的事情。 – 2013-03-08 23:03:21

SOLUTION

只需添加到您的樣式表：

: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); } 
}

來源

2013-03-14 15:53:37

在自動滾動後更改DIV的背景顏色

回答

相關問題