/ / Navbar Ritardato Affix to Top - html, css, twitter-bootstrap, navbar

Affrancatura ritardata della navigazione verso l'alto - html, css, twitter-bootstrap, barra di navigazione

Per qualche ragione la barra di navigazione si attacca al fileinizio solo dopo che il caricamento della pagina è quasi completo. Questo crea una pausa insolita in cui la barra di navigazione galleggia un po 'più in basso rispetto all'inizio della pagina senza i suoi attributi di formattazione aggiunti.

Pubblicherei la fonte, ma non sono sicuro di comequale potrebbe essere la causa di questo errore e non posso "puntare a una specifica riga di codice. Sto usando la piastra standard Bootstrap, tuttavia, e il resto del codice sorgente del mio sito può essere trovato attraverso lo standard" Visualizza Metodo "Origine pagina" (il mio CSS modificato si trova in "css / main.css").

http://www.radioairlift.org

Grazie!

risposte:

0 per risposta № 1

Fortunatamente non è necessario utilizzare il plug-in Bootstrap Affix per fare ciò che si desidera! In Bootstrap 2.3.2 c'è la classe .navbar-top fisso. Per citare i loro documenti:

Inserisci .navbar-fixed-top e ricorda di tenere conto dell'area nascosta sottostante aggiungendo almeno 40px di padding al file. Assicurati di aggiungere questo dopo il core Bootstrap CSS e prima del CSS responsive opzionale.

Quindi tutto ciò che vorrai fare è rimuovere il .apporre classe da #nav e rimuovere il posizione: relativa che stai aggiungendo nel tuo file CSS all'ID di navigazione.


0 per risposta № 2

C'è un ritardo come è il bootstrap javascriptcaricato ed elaborato. Bootstrap sta aggiungendo la classe "affix" al tuo navigatore, che cambia la posizione da "relativo" a "fisso" (insieme ad alcune altre proprietà).

Potresti essere in grado di aggiungere la classe "affix" a #nav nel sorgente HTML ed evitare il cambiamento nello stile.