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:
e intanto nell'HTML: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; }
Ma non funziona, è come se l'overflow sia solo hidden... ed infatti lo è, ma non capisco cosa cambia dal codice di Facebook.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>
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.

LinkBack URL
About LinkBacks
