Desidero che il BODY della mia pagina non sia ma un DIV all'interno del CORPO deve essere scorrevole. Ho questo nel mio file css:Come rendere scorrevole un DIV al posto di BODY?
body {
overflow:hidden
}
.mainSection {
overflow:scroll
}
ma non funziona e il DIV non diventa scrollabel (mostra solo due barre di scorrimento disabili per la DIV)!
.mainSection deve avere un height. Altrimenti il browser non può sapere cosa dovrebbe considerare overflow.
Sei sicuro che lo stile per la tua classe mainSection sia stato applicato? È possibile utilizzare uno strumento come Web Developer o Firebug (per Firefox) per assicurarsi che lo stile venga applicato correttamente. Inoltre, se hai solo una sezione principale, potresti voler usare un id invece di una classe. il tag in HTML sarebbe allora <div id="mainSection"> invece di <div class="mainSection"> e css diventa #mainSection { ... } invece di .mainsection { ... }
Ecco il tutto ben spiegato
http://www.w3schools.com/css/pr_pos_overflow.asp Si può sperimentare.
Ho avuto lo stesso problema prima, ma potrei riuscire a risolverlo solo con overflow: auto;. Provalo e funzionerà.
Aggiornato
Il codice HTML completo assomiglia a questo
<html>
<head>
<title>Test page</title>
<style type="text/css">
#scrollable_div{
overflow: auto;
width: 100px;
height: 100px;
border: solid thin black;
}
</style>
</head>
<body>
<div id="scrollable_div">my div text</div>
</body>
funziona perfettamente in qualsiasi browser. Mi sono messo alla prova su Chrome, IE, Safari, Mozilla e Opera