如何在Bootstrap中制作这样的导航栏？

Question

http://riotdesign.eu/en/

首先它似乎是默认设置，然后更改为固定顶部，并且两者之间有动画效果，似乎是在CSS中完成的

我的逻辑是使用javascript检测窗口滚动条的偏移量并切换navbar类属性。 可以这样吗？

我看了看原始页面的代码，什么也没得到，因为它太乱了。 在我的浏览器中，该页面非常缓慢。 我认为他们的解决方案可能并不明智。 所以我来了。 :)

如果我错了纠正我。

Answer 1

当导航栏附加到顶部时，您可以使用Bootstrap的附加组件来应用CSS过渡动画。

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

Answer 2

是的，可以这样做。 您可以通过在背景元素的opacity属性上应用CSS3过渡来添加动画。