使用 Bootstrap、Scrollspy 和 Collapse 嵌套、折叠侧边栏导航?

Posted

技术标签:

【中文标题】使用 Bootstrap、Scrollspy 和 Collapse 嵌套、折叠侧边栏导航?【英文标题】:Nested, collapsing sidebar nav with Bootstrap, Scrollspy, and Collapse? 【发布时间】:2013-01-20 18:34:34 【问题描述】:

我想创建带有子导航的侧边栏导航,当用户进入页面上的父部分时会显示该子导航:

例如https://parse.com/docs/ios_guide#queries/iOS

我认为使用 bootstrap 执行此操作的方法是 affixscrollspycollapse 插件的组合,但我不确定当用户滚动到时如何触发正确的 collapse 事件或点击正确的父部分。

【问题讨论】:

【参考方案1】:

对于其他想知道的人,我最终使用了Tocify 插件。不完全是我的想法,但做了我需要的。

【讨论】:

供将来参考:请注意,该 Github 项目不再支持 Tocify。

以上是关于使用 Bootstrap、Scrollspy 和 Collapse 嵌套、折叠侧边栏导航?的主要内容,如果未能解决你的问题,请参考以下文章

在 MVC 5 中使用 bootstrap scrollspy

如何使用 scrollspy 制作 Twitter Bootstrap 2.x 导航栏

是否有与 Bootstrap Scrollspy 等效的 Flutter?

html Bootstrap ScrollSpy

html Bootstrap ScrollSpy示例

JavaScript Bootstrap ScrollSpy替代动画