2011-10-03 8 views
8

Sto provando a creare un sito Web con il seguente.Scorrimento solo all'interno di un div, mentre il sito web rimane posizionato

In alto c'è solo un menu orizzontale di base. Sotto di questo, sul lato sinistro, c'è un'altra sottocategoria. Il contenuto sarà sulla destra della sottocategoria e può essere molto lungo.

Ora quello che vorrei è che quando si scorre in qualsiasi punto della pagina, scorre solo il contenuto div mentre tutto il resto rimane nella sua posizione originale. Ci sto pensando da qualche ora, ma non riesco davvero a trovare una soluzione su come farlo.

<html> 
<head> 
<link href="style.css" rel="stylesheet" type="text/css" /> 
</head> 
<body> 
<div class="container"> 
    <div class="left_side"></div> 
    <div class="right_side"></div> 
</div> 
</body> 
</html> 

.container { 
width:1000px; 
} 

.left_side { 
float:left; 
width:250px; 
height:500px; 
background:green; 
} 

.right_side { 
float:right; 
width:750px; 
height:1500px; 
background:yellow; 
} 

Qualche idea su come fare questo? Grazie in anticipo.

+2

Ti piace questo? http://www.csszengarden.com/?cssfile=202/202.css – thirtydot

+0

Fondamentalmente così, sì. – 45808

+1

penso che sia l'uso della posizione: fisso. Guarda il codice sorgente HTML (controlla elemento) di http://www.kantoorwinkel-online.nl/aboutus.html – jao

risposta

4

Aggiungere lo stile overflow:auto alla sua classe.

spiegazione completa: http://www.w3schools.com/cssref/pr_pos_overflow.asp

+0

Questo di default scorrerà il contenuto di quell'elemento anche se scorrerai altrove sullo schermo? l'esempio nei commenti scorre il contenuto se si utilizza la rotellina del mouse anche nelle aree senza scorrimento ... – Chris

+0

L'esempio di Moo-Juice non funziona. L'ho provato e scorre anche l'intero sito web. – 45808

5

risposta è stata data dal commento @ di Jao. Impostazione di tutte le div, tranne quella del contenuto, su position: fixed.

Problemi correlati