Как организовать эффект шторок для нескольких блоков, идущих вертикально один за другим?

[EVOSandru6]

Добрый день!

Такая задача у меня - чтобы все блоки, идущих вертикально один за другимнаезжали на предшествующий блок , а при обратном скроллинге отъезжали в обратном направлении. Решил пока только с одним блоком, сделав его :
 

Код CSS

1
2
3
4
5
6
7
8
9 .slider{
    height:400px;
    position: fixed;
    z-index: 1;
    top:0%;
    left: 0%;
    margin-top:68px;
    width:100%;
}

Блок ниже наезжает на него при прокрутке. Возможно ли сделать такое средствами css или bootstrap, который подключен к моему проекту? Или же тут какое то более сложное решение с использованием jquery ( при скроллинге меняются позиции например с relatice на fixed и наоборот, опять же - как браузер определит, что я доскролил до нужной точки, чтобы менять позицию ) . Ничего подобного не нашел в поисковике, может плохо искал. Помогите ссылкой или советом дорогие Друзья! 

Вот больной - http://dailymedia.kz/xxx/

[Great Rash]

При помощи вот такого скрипта например.