Angular UI引导程序的粘性侧边栏

时间:2018-10-27 15:41:27

标签: css twitter-bootstrap bootstrap-4 ng-bootstrap

我正在尝试制作一个粘性侧边栏,就像使用ng-bootstrap那样。

当前,我正在使用Angular 7.0和Bootstrap4.x。我只想像AngularUI的组件页面中那样做侧边栏之类的粘性(请参见上面的链接)。但是,我似乎在组件列表中找不到该功能。

到目前为止,我已经检查了components演示页面的ng-bootstrap部分中的页面,该页面使用了ngb-sidenav,但是我不确定。有人知道我应该在哪里或使用什么库?

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

>>>更新<<<< / strong>

我正在考虑使用position-sticky类并将其应用于我的垂直navs组件。这可能会解决问题,但我仍然要对此进行测试。我将在对其进行测试后对其进行更新。

1 个答案:

答案 0 :(得分:0)

我成功了。对于那些正在寻找具有粘性功能的解决方案的人,可以使用引导程序的sticky-top类。只要看看它的description

我的解决方法是使用引导程序本身而不是ng-bootstrap。只需sticky-top和一堆CSS样式即可满足我的需求。

此外,根据需要进行调整。