Как реализовать данный параллакс-эффект?

Постараюсь на словах объяснить, что хочу реализовать..
На странице есть 3 блока, расположенные друг под другом, условно div1 div2 div3 высота каждого из них динамическая, как правило больше высоты экрана, но иногда бывает меньше.

Суть желаемого: при прокрутке страницы, если высота блока div1 больше страницы, то по достижении нижней границы блока он останавливается и его начинает перекрывать div2, далее div2 - div3. Если высота блока Div1 меньше высоты экрана, то он сразу остается неподвижным и начинает прокручиваться div2. Если высота блока div2 меньше высоты экрана, то он начинает прокручиваться вместе с div3 до тех пор, пока верхняя граница div2 не упрется в точку top: 0;

Т.е. чем-то похожим, как выходят листы из принтера.
Надеюсь на словах понятно.
  • Вопрос задан
  • 2809 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы