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

Question

http://riotdesign.eu/en/

首先它似乎是一个默认值 然后它变为固定顶 中间还有动画效果，好像是用CSS做的

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

我看了看原始页面的代码，没有得到任何东西，因为它太乱了。该页面在我的浏览器中非常滞后。我认为他们的解决方案可能不明智。所以我来到了这里。 :)

如果我错了，请纠正我。

Answer 1

你可以使用 Bootstrap 的 affix 组件在 navbar affix 到顶部时应用 CSS 过渡动画...

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

Answer 2

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