私は、ユーザーが残りの部分をスクロールしている間、ページの上部に自分のウェブページのヘッダーを置いておきたいと思います。 hereのように、これを行う方法を示すオンラインサイトがいくつかありますが、それらはすべて、非常に多くのピクセルで要素の幅と高さを指定する必要があります。私が要素を反応させる(私はブートストラップを使用しています)ようにして、スクリーンに合わせて自分自身のサイズを変更しようとしていたらどうなりますか?ヘッダーを最初の場所に残すにはどうすればいいですか?スクロールするときに、Webページのヘッダーを上部に残す方法は?
2
A
答えて
1
を参照する、それはそれを行うためにクラスが付属しています:以下のように
があなたのナビゲーションのdivにクラスnavbar-fixed-top
を追加します。
<div class="navbar navbar-default navbar-fixed-top"> .... </div>
0
私はヘッダのタグにposition: fixed
を宣言する必要があると思います。ここをクリックexample
0
外側のdivにはposition:fixedを使用してください。固定ナビゲーションバーの検索は、あなたが巨大なリストを取得したり、ブートストラップを使用しているのでhere
関連する問題
- 1. スクロールする方法.list-group上部にナビゲーションバーを残す
- 2. DataTableヘッダーをデタッチしてWebページでスクロールできるようにする方法
- 3. イオンのページの上部をスクロールする方法
- 4. ページのスクロール中にウィンドウの上部に到着したときにdivをブロックする方法
- 5. スクロール中にヘッダー/ツールバーがページ上部に静的に表示される
- 6. タブの上にカーソルを置くと、ブラウザはページの上部にスクロールします。
- 7. IFRAMEから(上部)の特定の位置に親のWebページのスクロールを作成する方法
- 8. CollectionView "ヘッダー" instagramのようにスクロールすると上部にスティックされます
- 9. Crystal Reports - 横向きのヘッダーは表示されませんが、ページ上部にスペースが残っています
- 10. CoordinatorLayoutはスクロール後に下部に空きスペースを残します
- 11. WebViewは、Webページの上から下にスクロールできません。
- 12. SSRSスクロール時にページヘッダーをページの上部に表示する
- 13. ページ上部と下部にスクロールした後に白いスペースが跳ね返るのを防ぐ方法
- 14. RecyclerViewをスクロールするときのボトムバーの上下スクロール方法
- 15. 上部または下部のdivにスクロールすると、一方向にスクロールしないようにする
- 16. はdivの開始を中間ページにしますが、ユーザーがページを下にスクロールすると、上部に残りますか?
- 17. スクロールするときにヘッダー要素を常に上に維持しますか?
- 18. ヘッダーをページ上部に表示できません
- 19. iOSのiframe内のページの上部にスクロールできません
- 20. 次のページに進むときにjqgridのスクロールを上に移動する方法は?
- 21. アンドロイドで画面上部にスクロールしてヘッダーとして貼り付けることはできますか?
- 22. MVCでページをリロードするときにページをスクロールする方法ASP.NET
- 23. divをページの一番上に達するとページを下にスクロールさせる方法は?
- 24. ページをスクロールした後に画像を上にスクロールし、ページをスクロールしてフッタにスクロールした後にスクロールさせる方法はありますか?
- 25. CSS/HTMLのみでページの上部にスムーズにスクロールできますか?
- 26. c#asp.netのWebページにアクセス制御ヘッダーを設定する方法は?
- 27. HTMLとCSSページの一番下にフッターを残す方法は?
- 28. ヘッダーはページの上部に固定されていません
- 29. マウスがページの他の部分にあるときにページの一部をスクロールする方法はありますか?
- 30. ヘッダーは上部に透明です
ありがとうございます!これはうまくいった。 – Mhoram