javascript - 保持 Bootstrap 侧边菜单可见

标签 javascript jquery html css twitter-bootstrap

在 Bootstrap 网站上,http://twitter.github.io/bootstrap/getting-started.html ,有一个带有链接的边栏。我已经在我的网站上复制了它,但是在 Bootstrap 网站上,当你滚动它时它会固定在原位,所以它总是可见的。它还将每个菜单项在 View 中标记为事件。

如何在我的网站上复制它?

最佳答案

使用 Bootstrap 中的 affix javascript。

您可以通过向要附加的元素添加 data-spy="affix" 属性来激活它。

查看完整说明 - http://twitter.github.io/bootstrap/javascript.html#affix .

为此,您需要完整的 Bootstrap 库或包含的 bootstrap-affix.js 脚本文件。

为确保导航正确更新,您需要更新页面标记并使用 Scroll Spy 插件 - http://twitter.github.io/bootstrap/javascript.html#scrollspy .

关于javascript - 保持 Bootstrap 侧边菜单可见,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17877170/

相关文章:

javascript - promise 的功能在完全执行之前自动解析

javascript - focusout 仅在文档​​加载时触发,再也不会触发?

javascript - 是否可以在网站上勾勒出非矩形对象的轮廓?

javascript - 在 JS 对象中初始化此属性的正确方法

JQuery Mobile 下拉列表定位

html - 图像、部分和滚动条的问题

html - 嵌套 Div 不适合容器 Div

html - 为什么 Bootstrap 导航栏没有出现在这个 Ruby on Rails 页面上?

javascript - Protractor : passing variable 'url Json file' in executeAsyncScript

javascript - json代码中的重定向