Inserire barra fissa in alto/basso, come su Facebook, nel proprio sito

Capita spesso di vedere sui siti web delle barre fisse posizionate in alto od in basso e che ci seguono durante lo scrolling della pagina . Anche se scendiamo, o saliamo, in pratica, questa barra ci segue. Può risultare comodo per un Webmaster inserire uno strumento simile per varie ragioni:

  • Aggiungervi informazioni importanti per i visitatori;
  • News di vario genere;
  • Pubblicità;
  • Menu e cosi via.

L’operazione è particolarmente semplice.

  1. Apri il file della tua Homepage (index.html/php) ed inserisci un DIV:
    <div class="barrafissa"> Questa è una barra fissa</div>
  2. Ora aprite il vostro file STYLE.CSS e copiate questo riferimento:
    .barrafissa {
    position: fixed;
    bottom: 0;
    width: /* la lunghezza che desiderate, oppure semplicemente */ auto;
    height: /* l'altezza che più vi piace, oppure */ 20px;
Nell’esempio la barra è in basso, se volete che sia posizionata in alto, basterà che sostituiate bottom:0 con top:0.