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

Question

[Иван Колесников]

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

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

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

Спасибо!

Answer 1

[Alex]

https://www.rbc.ru кросбраузерно

Answer 2

[aloky]

Есть готовое materializecss.com/pushpin.html

Comments

[profesor08]

Не лучшей пример. Производительность почти на дне, да и не удивительно, если внутри дикий говнокодище.

Answer 3

[Иван]

ПКМ => сохранить страницу как => изменяешь под себя
Не совсем правильно, может быть, главное быстро и точно

Answer 4

[profesor08]

Ну тут все просто, если открыть devtools и посмотреть на то, как меняются стили элементов, то сразу станет все понятно. При прокрутке и достижении определенного положения, элементу задается его высота и ширина, а так-же position:fixed; top: 0; left: 0; Тем самым он прижимается к верху.