Che non sia visibile ma che scrolli comunque un div, come per esempio la pagina dei Messaggi privati di Facebook:
La pagina ha la scroll... ma scrolla solo un div, quando si arriva alla fine del div, la pagina finisce col scrollare poco più giù per far vedere il footer.
Ho preso pezzi importanti di codice CSS che hanno quei due o tre div interessati:
Codice:
#body
{
float: left;
width: 930px;
height: 760px;
overflow: hidden;
}
#body #relative
{
width: 100%;
height: 100%;
position: relative;
}
#body #relative #absolute
{
position: absolute;
bottom: 0px;
}
e intanto nell'HTML:
Codice HTML:
<div id='body'>
<div id='relative'>
<div id='absolute'>
<p>tante righe ti testo solo per testare l'overflow</p>
</div>
</div>
</div>
Ma non funziona, è come se l'overflow sia solo hidden... ed infatti lo è, ma non capisco cosa cambia dal codice di Facebook.
Ora mi chiedo: è possibile modificare il CSS per:
1. Rendere la scrollbar invisibile ma scrollare comunque SOLO il div #body come se fosse overflow:auto; però, come detto in poco fa, non mostrando la scrollbar.
2. Lasciare la scrollbar a tutta pagina, ma scrollare solo il div #body.
Lasciando o togliendo #relative e #absolute non mi fa differenza in entrambi i casi.