• User Newbie

    Creare un box che scrolli con la pagina

    Ciao ragazzi,

    vorrei creare un div che condega varie cose e rimanga sempre in primo piano in alto a destra della pagina. In sostanza: anche facendo scendere le barre di scorrimento o ridimensionando la finestra del browser che rimanga sempre in primo piano in alto a destra.

    Ho cercato parecchio ma non riesco a trovare esempi di codice che facciano al caso mio...

    Potreste darmi una mano?

    Grazie 1000 in anticipo!


  • Super User

    Ciao MarcolinoRosso e benvenuto nel forum GT,

    l'attributo da affibiare all'elemento/contenitore che vuoi "scrollare" insieme alla pagina è:

    
    #oggettoscrollato{
    position:fixed;
    right:0;
    top:0;
    z-index:1000;
    }
    
    

    Sostituisci dei *valori numerici *a right e top (o al posto di right inserisci "left" a seconda di come lo vuoi posto).
    Il valore z-index serve a fare in modo che l'oggetto sia sempre posto nel livello più alto della tua pagina (sempre che non vi sia un altro oggetto con un valore superiore).

    Unica pecca è che il seguente non funziona con Internet Explorer 6 e con la versione 7 e Safari sembra creare qualche piccolo bug.

    Dovresti fare delle prove, non l'ho usato spesso quindi non saprei darti una risposta certa.

    In caso troviamo un ulteriore soluzione, facci sapere 🙂