Добрый день! Столкнулся с проблемой.
Есть 4 div блока с фиксироваными размерами
При прокрутке страницы первый блок поднимаясь к верху экрана должен там и оставаться (position: fixed), а нижний блок при этом наезжать на него сверху и так далее. Данный эффект называется parallax (если не ошибаюсь). Когда то видел сайт с подобной реализацией, но сейчас найти не могу.
Мне бы очень пригодился пример кода или хотя бы сайт на котором уже реализован данный эффект.
Количество таких блоков-слайдов может меняться
Вот HTML код:
|
Код:
|
<ul id="nav">
<li><a href="#s1">1</a></li>
<li><a href="#s2">2</a></li>
<li><a href="#s3">3</a></li>
<li><a href="#s4">4</a></li>
</ul>
<div id="s1" class="slidePage"></div>
<div id="s2" class="slidePage"></div>
<div id="s3" class="slidePage"></div>
<div id="s4" class="slidePage"></div> |