Только прокрутка внутри одного div, в то время как сайт остается на месте - PullRequest
8 голосов
/ 03 октября 2011

Я пытаюсь создать веб-сайт со следующим.

Вверху есть только простое горизонтальное меню.Ниже, слева, есть еще одна подкатегория.Содержимое будет справа от подкатегории и может быть очень длинным.

Теперь мне бы хотелось, чтобы при прокрутке в любом месте страницы она прокручивала только содержимое 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;
}

Есть идеи, как это сделать?Заранее спасибо.

Ответы [ 2 ]

5 голосов
/ 04 октября 2011

Ответ дал комментарий @ jao.Установка для всех div, кроме содержимого, равного position: fixed.

4 голосов
/ 03 октября 2011

Добавьте стиль overflow:auto к своему классу.

Полное объяснение: http://www.w3schools.com/cssref/pr_pos_overflow.asp

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...