css - Angular UI Bootstrap 的粘性侧边栏

Question

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

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

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

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

>>> 更新<<<

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

Answer 1

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

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

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