ウェブサイトの位置が変わらないうちに、1つのdiv内をスクロールするだけです

私は次のようにウェブサイトを作成しようとしています。ウェブサイトの位置が変わらないうちに、1つのdiv内をスクロールするだけです

上部には基本的な水平メニューがあります。その下には、左側に別のサブカテゴリがあります。コンテンツはサブカテゴリの右側にあり、非常に長くなる可能性があります。

ここでは、ページ上の任意の場所をスクロールすると、他のすべてが元の位置にとどまりながら、コンテンツdivのみがスクロールされます。私は数時間それについて考えてきましたが、実際にこれを行う方法の解決策を考え出すことはできません。

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

これはどのように行うのですか？ありがとうございます。

出典

2011-10-03 45808

このようにしますか？ http://www.csszengarden.com/?cssfile=202/202.css – thirtydot

基本的には、そうです。 – 45808

私はそれが位置の使用だと思います：固定。 http://www.kantoorwinkel-online.nl/aboutus.htmlのHTMLソース（inspect要素）を見てください。 – jao

クラスにoverflow:autoスタイルを追加します。

詳しい説明：http://www.w3schools.com/cssref/pr_pos_overflow.asp

出典

2011-10-03 10:00:27

デフォルトでは、画面上の他の場所をスクロールしても、その要素の内容をスクロールできますか？コメント内の例は、スクロールしていない領域でもマウスホイールを使用するとコンテンツをスクロールします。 – Chris

Moo-Juiceの例は機能しません。私はそれを試して、それはまた、ウェブサイト全体をスクロールします。 – 45808

回答を@にジャオさんのコメントによって与えられました。コンテンツ1を除くすべてのdivをposition: fixedに設定します。

出典

2011-10-03 23:12:44 45808

ウェブサイトの位置が変わらないうちに、1つのdiv内をスクロールするだけです

答えて

関連する問題