javascript - 如何在 Bootstrap 中制作这样的导航栏?

标签 javascript jquery css twitter-bootstrap navbar

http://riotdesign.eu/en/

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

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

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

如果我错了,请纠正我。

最佳答案

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

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

关于javascript - 如何在 Bootstrap 中制作这样的导航栏?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23324036/

相关文章:

javascript - ui-router返回主页按钮

javascript - 大 IE7 JS 错误以及 CSS 问题

javascript - 如何获取动态创建的 HTML 元素的值?

javascript - jQuery append/prepend in loop - 当所有元素应该一一显示时,它们一起出现

html - 使 DIV 100% 在另一个 DIV 100% 高度内拉伸(stretch)

jquery - Bootstrap Carousel - 根本不循环

Safari 中的 HTML 下拉菜单字体更改

javascript - 如何使React中的setState同步

javascript - 使用 jQuery 禁用/启用输入?

javascript - 如何使用悬停效果更改文本