Mikis' Bookmarks

In italiano è una barra laterale che segue lo scorrimento della pagina, ma siamo abituati a chiamarla scroll sidebar. In sostanza è quella modalità di realizzazione che permette di ottenere su una stessa pagina web una parte che scorre sullo schermo mentre ne leggiamo il contenuto, mentre un’altra rimane ferma, ad esempio per visualizzare dei link, inserti pubblicitari o altri contenuti. Ecco un esempio

Naturalmente esistono diversi modi per ottenere questo risultato. Qui propongo una possibile soluzione totalmente basata su CSS.

#page-wrap {
width: 600px;
margin: 15px auto;
position: relative;
}

#main {
width: 450px;
float: left;
}

#sidebar {
width: 190px;
position: fixed;
margin-left: 480px;
}