Angular UI Bootstrap 的粘性侧边栏

Question

我正在尝试做一个粘性侧边栏，就像 ng-bootstrap 正在使用的那样。

目前，我正在使用 Angular 7.0 和 Bootstrap 4.x。我只想像 AngularUI 的组件页面中那样做粘性侧边栏（参见上面的 link）。但是，我似乎无法在组件列表中找到该功能。

到目前为止，我已经检查了 ng-bootstrap 演示页面的 components 部分中的页面，它使用 ngb-sidenav 但我不确定。任何人都知道我应该在哪里或使用什么图书馆？

我一直在努力寻找一个合适的库，但大多数都是 AngularJS (1.x) 或付费库。

>>>更新<<<

我正在考虑使用 position-sticky class 并将其应用于我的垂直 navs 组件。这可能会奏效，但我仍将对此进行测试。我会在测试后更新它。

Answer 1

我成功了。对于那些正在寻找具有粘性功能的解决方案的人，您可以使用 bootstrap 的 sticky-top class。看看它的 description

我的修复是使用 bootstrap 本身而不是 ng-bootstrap。只需 sticky-top 和一堆 css 样式即可满足我的需求。

此外，根据您的需要进行相应调整。