Back to top

Autore Topic: [Risolto] Main menu sempre visibile quando scroll down  (Letto 1403 volte)

Offline 01Danny

  • Esploratore
  • **
  • Post: 141
    • Mostra profilo
Ciao a tutti,

Sto lavorando su questo sito http://www.sikhpolice.org/ e vorrei sapere se qualcuno ha suggerimenti su come fare ad avere l'header (parte bianca che comprende logo e menu) sempre visibile quando si scrolla giù. Esempio: http://content.met.police.uk/Home

Grazie mille  ;)
« Ultima modifica: 28 Lug 2015, 00:21:33 da 01Danny »

Offline sasarella

  • Appassionato
  • ***
  • Post: 521
    • Mostra profilo
Re:Main menu sempre visibile quando scroll down
« Risposta #1 il: 27 Lug 2015, 14:42:27 »
Devi lavorare di css.
Innanzitutto devi "inglobare" il logo al menu.

Poi per il menu: ho buttato giù con firebug velocemente il css per il tuo menu per posizionarlo in alto quando scrolli:
Codice: [Seleziona]
.uk-navbar-flip {   
   background: #fff;   
   float: right;   
   position: fixed;   
   z-index: 1;
}

Vai, prova e facci sapere! :)

Offline 01Danny

  • Esploratore
  • **
  • Post: 141
    • Mostra profilo
Re:Main menu sempre visibile quando scroll down
« Risposta #2 il: 28 Lug 2015, 00:21:09 »
Grazie sasarella.
Ho preso spunto da quello che hai scrito tu e ho risolto così:

Codice: [Seleziona]
.tm-headerbar{
  position: fixed !important;
  margin-top: -160px;
  z-index: 1;
  box-shadow: 0 4px 2px -2px gray;
}

#parallax-top-image {
  max-height: 1000px;
  background-image: url("http://www.sikhpolice.org/images/parallax-top.jpg");
  margin-top: 160px;
}

Many thanks  ;)

 



Web Design Bolzano Kreatif