導航欄項目根據其當前位置改變顏色

Question

我想用我的導航欄爲我的學校網站項目執行同樣的操作 - 當您滾動時，請檢查此頁作爲參考 - http://www.sketchin.ch/孔洞導航欄更改其顏色。

這是使用的畫布？請，我真的需要幫助！任何想法將不勝感激。

Answer 1

基本上，有兩個不同的菜單。頂部的視頻標題比黑色菜單更高的Z-index。當你向下滾動時，這個菜單就會出現。

兩個菜單都是相同的固定位置。白色菜單位於第一部分內部，其溢出設置爲隱藏。這意味着當您向下滾動時，白色菜單被固定並因此從頁眉部分中消失，因此它變得隱藏起來，而另一個菜單從第一部分下方出現，因爲它也是固定位置。