Nakładanie się zakładek podczas scrollowania

Question

Witam,

W jaki sposób uzyskać podobny efekt przesuwania kolejnych części strony, jak w poniższym przykładzie?

http://preview.themeforest.net/item/panes-wordpress-on-one-page/full_screen_preview/5026910?_ga=2.16703478.1350384852.1498509570-1243434425.1498509570

Answer 1

Po szybkiej analizie kodu, wszystkie elementy na tej stronie mają ustawione position:fixed, dzięki czemu są nieruchomo podczas scollowania. Tylko sekcja na wierzchu ma position: absolute;, czyli ta aktualnie scollowana. Kiedy scroll dochodzi do konca sekcji, position:absolute zyskuje następna warstwa i tak dalej, aż do ostatniej. Jak zbadasz kod podczas scrollowania, widać, że zmieniają się klasy elementów z fixed na active.