2011-10-03 32 views
8

Tôi đang cố gắng tạo một trang web với những điều sau đây.Chỉ cuộn bên trong một div, trong khi trang web vẫn ở vị trí

Trên đầu trang chỉ có một menu ngang cơ bản. Bên dưới, ở bên trái, là một danh mục con khác. Nội dung sẽ nằm ở bên phải của danh mục phụ và có thể rất dài.

Bây giờ, điều tôi muốn là khi bạn cuộn bất kỳ đâu trên trang, nó chỉ cuộn div nội dung trong khi mọi thứ khác vẫn ở vị trí ban đầu. Tôi đã suy nghĩ về nó trong một vài giờ nhưng tôi không thể đưa ra một giải pháp về cách làm điều này.

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

Bất kỳ ý tưởng nào về cách thực hiện việc này? Cảm ơn trước.

+2

Như thế này? http://www.csszengarden.com/?cssfile=202/202.css – thirtydot

+0

Về cơ bản như vậy, có. – 45808

+1

tôi nghĩ rằng đó là việc sử dụng vị trí: cố định. Xem nguồn HTML (phần tử kiểm tra) của http://www.kantoorwinkel-online.nl/aboutus.html – jao

Trả lời

4

Thêm kiểu overflow:auto vào lớp của nó.

Full giải thích: http://www.w3schools.com/cssref/pr_pos_overflow.asp

+0

Theo mặc định, di chuyển nội dung trong phần tử đó ngay cả khi bạn cuộn ở đâu đó trên màn hình? ví dụ trong nhận xét cuộn nội dung nếu sử dụng con lăn chuột của bạn trên khu vực không cuộn ... – Chris

+0

Ví dụ của Moo-Juice không hoạt động. Tôi đã thử nó và nó cũng cuộn toàn bộ trang web. – 45808

5

trả lời được đưa ra bởi bình luận @ Jao của. Đặt tất cả các div, ngoại trừ một số nội dung, thành position: fixed.

Các vấn đề liên quan