如何在Bootstrap中制作這樣的導航欄？

Question

http://riotdesign.eu/en/

首先它似乎是默認設置，然后更改為固定頂部，並且兩者之間有動畫效果，似乎是在CSS中完成的

我的邏輯是使用javascript檢測窗口滾動條的偏移量並切換navbar類屬性。 可以這樣嗎？

我看了看原始頁面的代碼，什么也沒得到，因為它太亂了。 在我的瀏覽器中，該頁面非常緩慢。 我認為他們的解決方案可能並不明智。 所以我來了。 :)

如果我錯了糾正我。

Answer 1

當導航欄附加到頂部時，您可以使用Bootstrap的附加組件來應用CSS過渡動畫。

演示： http ： //bootply.com/133223

Answer 2

是的，可以這樣做。 您可以通過在背景元素的opacity屬性上應用CSS3過渡來添加動畫。