Как сверстать такой блок?

С помощью чего лучше реализовать листание секций таким образом, чтобы они накладывались друг на друга при листании?
Я реализовал с помощью scrollmagic, но решение получилось не кроссбраузерным. Нормально работает только в хроме.
В остальных браузерах секции прыгают при достижении верха страницы даже в примере плагина.
scrollmagic.io/examples/basic/section_wipes_natura...

Секция не занимаем всю высоту экрана, и так листается только часть секций с улугами, остальные листаются как обычно без эффектов.

Возможно кому-то приходилось такое делать, поэтому буду благодарен за совет.

Спасибо!
  • Вопрос задан
  • 211 просмотров
Пригласить эксперта
Ответы на вопрос 4
aloky
@aloky
junior js
Есть готовое materializecss.com/pushpin.html
Ответ написан
@ifertikow
ПКМ => сохранить страницу как => изменяешь под себя
Не совсем правильно, может быть, главное быстро и точно
Ответ написан
@profesor08
Ну тут все просто, если открыть devtools и посмотреть на то, как меняются стили элементов, то сразу станет все понятно. При прокрутке и достижении определенного положения, элементу задается его высота и ширина, а так-же position:fixed; top: 0; left: 0; Тем самым он прижимается к верху.
Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы