根據頁面位置更改文本顏色

在我的網站上，我有一個粘性導航欄，始終位於我的網站頂部，因此即使向下滾動，它仍然可見。根據頁面位置更改文本顏色

它也是透明的，只是包含一些黑色文本。

問題是，在我的網頁上，有幾個不同背景顏色的div。所以當我向下滾動頁面時，導航中的文本看起來很好，因爲我用淺色背景覆蓋div，但在較暗的背景上閱讀真的很難。

我想我有兩個選擇：

更改導航文本顏色基礎上，如果我根據的背景顏色疊加一個div類「黑暗」
更改導航文本顏色它下面的div。

這兩種情況都有可能嗎？還是有另一種選擇，我不知道？

來源

2014-09-26 Steven

粘滯導航欄沒有背景嗎？我會說它應該有一個，你的問題就會消失。 – 2014-09-26 18:56:09

只是谷歌[JQuery的碰撞檢測]（https://www.google.com/webhp?sourceid=chrome-instant&ion=1&espv=2&es_th=1&ie=UTF-8#q=jquery%20collision%20detection），也許你可以適應許多結果之一 – Jmh2013 2014-09-26 19:12:33

我剛剛閱讀了關於Midnight.js的一個jQuery插件，它允許您在滾動的元素上使用數據屬性來定義導航的外觀。可能值得一看。

來源

2014-09-26 20:53:46 ckuijjer

查看jQuery Waypoint。這對你的問題是完美的。您可以指定確切的航點，以便在不同顏色的div打到您的菜單欄時，會觸發一個事件。在這種情況下，您可以更改菜單欄的顏色。然後你會在該div的底部有另一個航點，所以你可以重置顏色。

http://imakewebthings.com/jquery-waypoints/

來源

2014-09-27 04:22:49 manishie

根據頁面位置更改文本顏色

回答

相關問題