Question

Bootstrap导航栏位置＆＃34; sticky-top＆＃34;仅当navbar是

的直接子项时才有效

<body>
 <header class="sticky-top">
    <nav class="navbar navbar-light bg-light p-0"> 
        ... 
    </nav>
 </header>
</body>

或

<body>
 <nav class="navbar sticky-top navbar-light bg-light p-0">
    ...
 </nav>
 ...
</body>

我有这段代码：

的index.html

<body>
 <app-root></app-root>
</body>

app.component.html

<app-top-navigation></app-top-navigation>
<router-outlet></router-outlet>
<app-footer></app-footer>

topNavigation.component.html

<nav dir="ltr" class="navbar navbar-expand-lg navbar-dark bg-dark sticky-
top">
 ...
</nav>

导航栏并不粘，表现得像固定顶部。如果我写：

的index.html

<body>
 <app-top-navigation class="sticky-top"></app-top-navigation>
 <app-root></app-root>
</body>

Angular没有看到它。如何让导航栏变粘？

Answer 1

只需将PureComponent和sticky-top类添加到您的d-block标签中即可：

app.component.html

app-top-navigation