javascript - GetBootstrap网站上的右栏,它是如何创建的?

标签 javascript jquery html css twitter-bootstrap

在 GetBootstrap 网站 ( http://www.getbootstrap.com ) 上,标题下方的几乎每个页面都由两列组成;一个位于信息/内容所在的左侧,另一个位于右侧,当您向下滚动页面时菜单会展开。展开的菜单是如何创建的?

例如,在 GetBootstrap 的组件页面上,如果您单击 Nav(右栏),它会展开,内容(左栏)会立即滚动到该部分。如果您稍后在 Nav 菜单中单击,左栏也会立即滚动到该部分,而右栏仍保持相同的展开状态。

此外,如果您只是向下滚动以查看左栏的内容,则右栏的菜单会在您到达其中的标题时展开。

这个 Action 是如何创建的?

最佳答案

我不能发表评论,因为我的声誉不够高,所以我想我发布了一个答案,但它不是一个完整的答案 - 抱歉!

他们似乎使用了 ScollSpy 的组合和 Affix

关于javascript - GetBootstrap网站上的右栏,它是如何创建的?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30632354/

相关文章:

javascript - Dart 可以操作其他窗口中的 HTML 元素吗?

javascript - 水平和垂直调整一组可变大小的图像 - 需要帮助优化

javascript - 在 JavaScript 中初始化对象的空属性的正确方法是什么

javascript - 是否可以在剪贴板数据中添加 html?

javascript - 水平对齐来自两个不同 div 的文本

javascript - 使用javascript替换带有连字符的字符串

javascript - 如何修改另一个站点上的变量?

javascript - 引用网址的查询字符串

javascript - 连续多次运行 jQuery 函数(对于 Bookmarklet)

asp.net-mvc-3 - 从 EF 迁移到 Fluent NHibernate : Memory Leaks, 架构