jquery - 如何使菜单始终附加在顶部

标签 jquery html css twitter-bootstrap

我正在使用 bootstrap 3.0。当我在移动 View 中向下滚动时,菜单仅在滚动几次后才弹出回到顶部。有什么解决办法吗?

1) 初始 View (菜单附加到顶部):

enter image description here

2)一些向下 ScrollView (需要在顶部显示菜单) enter image description here

3)再滚动一些(再次返回菜单)

enter image description here

我相信CSS中有某种规则说当最小滚动达到某个值时显示菜单,所以我可能需要减少该值或其他什么? 我需要仅在移动 View 中将其附加到顶部,而不是在桌面或平板电脑 View 中。

最佳答案

您可以使用 css 来实现它。您应该在哪里固定导航栏的位置。

可以使用navbar-fixed-top类来构建在bootrstap中将导航固定到顶部的类。 'navbar-fixed-top'的用法可以找到 here 。或者您可以使用以下示例。

.nav
{
   position: fixed;
}

了解更多信息here .

附注我的建议是只使用内置类或 CSS。但您也可以使用其他技术来做到这一点。

关于jquery - 如何使菜单始终附加在顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20735455/

相关文章:

javascript - 使用innerHTML 将文本放入文本框中

html - 需要帮助将左右列添加到 100% 高度的 css 布局

javascript - 没有 if 的简写/隐式 if() 语句

javascript - Jquery 多维数组或对象

php - 将表单输入数据设为小写字母

javascript - 制作 SEO 友好的表单

javascript - 自关闭 .js 切换菜单

jquery - 如何在CSS中创建滚动菜单?

javascript - 如何调试使页面运行缓慢的脚本(根据 firefox)?

javascript - 当输入处于焦点时防止按键事件触发