Анимация при скролле. Показ элемента

225
24 мая 2017, 07:09

В body есть несколько контейнер, идущие друг за другом, каждый имеет высоту 100vh. Мне нужно сделать так, чтобы при скролле один элемент какбы съезжал вверх, а следующий постепенно открывался. Эффект, как будто оба абсолютно позиционированы, но у первого индекс 2, а у второго - 1. И когда скролишь первый уезжает вверх и открывает второй элемент, который стоит на месте, как при top=0. Я пробовал манипуляции с этими свойствами, но выходит криво, так как скролится весь документ и двигается все... Не получилось, чтобы скрол действовал только на один элемент, а документ замораживался.

READ ALSO
Phantom js cant render dynamic page for a screenshot

Phantom js cant render dynamic page for a screenshot

Есть код который с помощью PhantomJS делает скриншоты страницы, на indiegogocom категорически отказывается работать,без кастом хидера выдает пустой...

197
Не работает генерация пароля

Не работает генерация пароля

Столкнулся с проблемой при написании сайта, а именно - не работает генерация пароляСама суть задачи в чем - есть поле для ввода пароля, а рядом...

274
Сдвиг при открытии модального окна

Сдвиг при открытии модального окна

Использую Bootstrap модальные окнаУстановил на сайт онлайн-консультант и при открытии модального окна пропадает скролл прокрутки и происходит...

253
Как сделать анимацию для слайдера на css?

Как сделать анимацию для слайдера на css?

Привет! Как можно сделать анимацию для слайдера на css, переключение осуществляется стрелками, слайды должны смещать друг другаСами слайды...

221