Jak ustawić pasek nawigacji zawsze na górze?

Używam Foundation przez ZURB i próbuję uzyskać pasek nawigacji do góry.Jak ustawić pasek nawigacji zawsze na górze?

2012-11-14 Shamoon

Jeśli używasz podstaw, można użyć:

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

2012-11-14 00:21:28 vinknee

nie mam pojęcia, co te 2 rzeczy są, ale to jest jak coś naprawić na miejscu, niezależnie od położenia okna przewijania z CSS:

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

2012-11-14 00:23:11

-1 istnieje prostszy sposób na Fundację, patrz odpowiedź @ vinay – imwill

+12

Moje przeprosiny. Po co używać 3 wiersze CSS, kiedy można użyć całej struktury! ;) –

Tak, to prawda. ;-) – imwill

użyć stylu:

position:fixed; 
top:0px;

2012-11-14 00:27:20

Możesz także użyć klasy zaprojektowanej przez bootstrap.

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

2016-08-06 20:53:49

Dodawanie do odpowiedzi Alex Wayne'a:

znalazłem to konieczne, aby dodać z-index z dużą liczbą wystarczającą dla navbar pojawiać się zawsze na wierzchu innych elementów.

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

2018-02-04 22:12:04

Odpowiedz