2014-05-19 26 views
-3

我想知道,這個導航欄/標題/導航欄是如何製作的:http://www.hudyl.com有人可以知道這個導航欄(導航欄)是如何製作的嗎?

請讓我知道,如果你有一些輸入!我渴望知道他們是如何做到的!

問候 馬庫斯·哈里森

+0

什麼部分,更重要的是:你到目前爲止嘗試過什麼?當用戶滾動頁面時,它可能會使用一些透明度和JavaScript進行轉換。 –

+0

右鍵單擊 - >檢查元素? HTML + CSS + Javascript觸發器執行轉換,並在向下滾動某個點時添加類「top-nav-collapse」。 – MLeFevre

+0

我試過看源代碼。但我看不出他們是怎麼做到的。這就是爲什麼我尋求幫助,請幫助我! – MarkusHarrison

回答

1

該站點使用Bootstap的基礎,並在其上添加了自定義CSS轉換。您可以使用瀏覽器附帶的開發工具來查看這一點,在導航欄類下您可以看到自定義轉換。自己檢查一下,這是你學習的最好方式。 :)

+0

我已經檢查了數千次..我也嘗試複製整個事情並將其粘貼到我的文檔中。包括js和css。但它對我不起作用... – MarkusHarrison

+0

這超出了堆棧溢出問題的範圍,只是複製粘貼代碼將永遠不會工作,也不是一個好的做法,切出名爲Easing的jQuery插件。你是否正在使用像SAAS或LESS這樣的預處理器? – Thacker