我正在使用ZURB的Foundation，并試圖將導航條放在頂部。

我不知道這兩件事是什么，但這就是你如何用CSS在不考慮窗口滾動位置的情況下固定一些東西:

#navbar {
    background: red;
    position: fixed;
    top: 0px;
    width: 100%;
}

<div id="navbar">NavBar!</div>

<p>lorem ispum dolor sit amet.</p><p>lorem ispum dolor sit amet.</p><p>lorem ispum dolor sit amet.</p><p>lorem ispum dolor <p>lorem ispum dolor sit amet.</p><p>lorem ispum dolor <p>lorem ispum dolor sit amet.</p>sit amet. sit amet<p>lorem ispum dolor sit amet.</p><p>lorem ispum dolor <p>lorem ispum dolor sit amet.</p><p>lorem ispum dolor <p>lorem ispum dolor sit amet.</p>sit amet. sit amet<p>lorem ispum dolor sit amet.</p><p>lorem ispum dolor <p>lorem ispum dolor sit amet.</p>sit amet.<p>lorem ispum dolor sit amet.</p><p>lorem ispum dolor <p>lorem ispum dolor sit amet.</p><p>lorem ispum dolor <p>lorem ispum dolor sit amet.</p>sit amet. sit amet<p>lorem ispum dolor sit amet.</p><p>lorem ispum dolor <p>lorem ispum dolor sit amet.</p>sit amet.

如果您使用粉底，您可以使用:

<nav class="top-bar fixed"></nav>

補充亞歷克斯·韋恩的答案:

我發(fā)現(xiàn)有必要添加一個足夠大的z-index，以便導航條總是出現(xiàn)在其他元素的頂部。

#navbar {
   z-index: 10000;
   position: fixed;
   top: 0px;
   width: 100%;
}?

使用樣式:

position:fixed;
top:0px;

也可以用bootstrap設(shè)計的類。

<nav class="navbar-fixed-top">

首先，導入激活路由:

import { ActivatedRoute } from "@angular/router";

然后在你的構(gòu)造函數(shù)中你可以拉參數(shù)。例如:

constructor(private route: ActivatedRoute) { 
    this.route.queryParams.subscribe(params => {
        let myparam = params['myparam'];
        console.log(myparam); // Print the parameter to the console.  
    });
}

有關(guān)信息，請參見https://www . Mackenzie software . com/2020/06/how-to-get-param-from-URL-in-angular . html。