2011-10-03 15 views
8

Próbuję utworzyć witrynę z następującymi elementami.Tylko przewijanie wewnątrz jednego elementu div, podczas gdy witryna pozostaje w pozycji

Na górze znajduje się tylko podstawowe menu poziome. Poniżej, po lewej stronie, znajduje się kolejna podkategoria. Treść znajduje się po prawej stronie podkategorii i może być bardzo długa.

Teraz chciałbym, aby podczas przewijania w dowolnym miejscu strony przewijano tylko zawartość, podczas gdy wszystko inne pozostało w pierwotnej pozycji. Myślałem o tym już od kilku godzin, ale nie mogę wymyślić rozwiązania, jak to zrobić.

<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; 
} 

Każdy pomysł, jak to zrobić? Z góry dzięki.

+2

Podoba Ci się to? http://www.csszengarden.com/?cssfile=202/202.css – thirtydot

+0

Zasadniczo tak, tak. – 45808

+1

Myślę, że to wykorzystanie pozycji: naprawione. Zobacz źródło HTML (element inspekcyjny) http://www.kantoorwinkel-online.nl/aboutus.html – jao

Odpowiedz

4

Dodaj styl overflow:auto do swojej klasy.

Pełne wyjaśnienie: http://www.w3schools.com/cssref/pr_pos_overflow.asp

+0

Czy domyślnie przewiniesz zawartość tego elementu, nawet jeśli przewiniesz w innym miejscu na ekranie? przykład w komentarzach przewija zawartość, jeśli używasz kółka myszy na obszarach, które nie są przewijane ... – Chris

+0

Przykład Moo-Juice nie działa. Próbowałem, a także przewijał całą stronę. – 45808

5

Odpowiedź została udzielona przez komentarzu @ Jao jest. Ustawienie wszystkich elementów div, z wyjątkiem zawartości pierwszej, na position: fixed.

Powiązane problemy