html - ナビゲーションバーを常に上部に配置するにはどうすればよいですか？

Question

私はFoundationbyZURBを使用していて、ナビゲーションバーを一番上に表示しようとしています。

Answer 1

これらの2つが何であるかはわかりませんが、CSSを使用したウィンドウのスクロール位置に関係なく、次のように修正します。

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

ここを参照してください：http：//jsfiddle.net/qC2Dt/

Answer 2

ファンデーションを使用している場合は、次を使用できます。

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

Answer 3

アレックスウェインの答えに追加：

ナビゲーションバーが常に他の要素の上に表示されるように、十分な数のz-indexを追加する必要があることがわかりました。

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

Answer 4

スタイルを使用します。

position:fixed;
top:0px;

Answer 5

ブートストラップによって設計されたクラスを使用することもできます。

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

Answer 6

まず、ActivatedRouteをインポートします。

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

次に、コンストラクターでパラメーターをプルできます。例えば：

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

詳細については、 https：//www.mackenziesoftware.com/2020/06/how-to-get-param-from-url-in-angular.htmlを参照してください。