Сделать прокрутку фиксированного контента

Question

У меня есть div, который фиксируется слева от страницы высотой 100%. Я разместил внутри него контент, который превышает высоту левого div. Теперь я знаю, что могу добавить переполнение: авто, чтобы пользователи могли прокручивать содержимое в этом div, но я хочу, чтобы содержимое в фиксированном div прокручивалось со страницы. Возможно ли это с помощью только css?

Благодаря

JSFIDDLE: http://jsfiddle.net/yZmu6/

HTML:

<div id="newsfeed-left"> 
    <div class="green-square"></div> 
    <div class="blue-square"></div> 
    <div class="green-square"></div> 
    <div class="blue-square"></div> 
    <div class="green-square"></div> 
    <div class="blue-square"></div> 
    <div class="green-square"></div> 
    <div class="blue-square"></div> 
    <div class="green-square"></div> 
</div> 

CSS:

body { 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
} 

#newsfeed-left { 
position: fixed; 
float: left; 
height: 100%; 
width: 200px; 
padding: 0px 10px 0px 10px; 
border-right: 1px solid rgb(228, 228, 228); 
} 

.green-square { 
margin: 10px 0px 0px 0px; 
height: 200px; 
width: 200px; 
background-color: green; 
} 

.blue-square { 
margin: 10px 0px 0px 0px; 
height: 200px; 
width: 200px; 
background-color: blue; 
} 

Answer 1

полоса прокрутки Фиксированный div «s отделена от остальной части страницы. Это можно сделать с помощью JS.

Answer 2

Это может не отвечать на ваш вопрос или быть ответом, который вы ищете, но изменение CSS для использования абсолютного положения вместо фиксированного делает прокрутку страницы правильной.

#newsfeed-left { 
    position: absolute; 
    ... 
}