使用jQuery航點滾動時更改背景顏色

當您向下滾動頁面時，我想逐漸循環使用不同的背景顏色作爲固定div。我認爲我可以使用jQuery waypoint來做到這一點，但需要一個手來開始這個，因爲我不知道從哪裏開始。使用jQuery航點滾動時更改背景顏色

我正在處理的網站是：www.samskirrowdesign.com我想更改頁面頂部3px高固定div的顏色。

我不使用的航點和直接反應'scroll' –

'（'scroll'，function（）{if（$（this）.scrollTop（）> 100）$（this）.css（'background'，'red'）;} ）;' – adeneo

感謝@adeneo這是我迄今爲止。這不是工作，但有什麼想法？（'scroll'，function（）{if（$（'body'）。scrollTop（）> 100）$（'。top'）。css（'background-color ''，'＃000'）;}）;' –

根據您的滾動榜首的位置，你可以有一個梯度變化像

$(window).scroll(function() { 
    $('#test').css('background-color','#BC46'+($(this).scrollTop()/10)) 
    });

看看這個小提琴

2012-11-03 20:32:47 sayannayas

謝謝@sayannayas - 我相信這會工作，是有點語法稍微錯誤，因爲它是標記錯誤時，我將它添加到Dreamweaver中...我' m確定它是簡單的，但我的jQuery知識不好 –

我已經添加了一個工作jsfiddle ...看看 – sayannayas

工作完美，謝謝！ –

回答