CSS-эффект прокрутки, который выглядит так, будто контент не прокручивается, а остается в одном месте - PullRequest
0 голосов
/ 10 октября 2018

Может кто-нибудь вкратце дать мне какие-нибудь советы о том, как создается эффект прокрутки такого типа?

https://www.prokhorov.design/works

Я вижу, что есть разные разделы, и один показывается, в то время как другиескрыты и находятся на прокрутке, показывается следующий, но я не понимаю, как текущий раздел остается в одном месте, с текстом в середине даже при прокрутке?Я пробовал position:fixed и height: 100vh, но мне не помогло, следующий контент все еще прокручивается.Теперь у меня есть только макет со всеми 6 разделами, как здесь:

https://codepen.io/Limpuls/pen/OBmmdx

Но я хочу, чтобы первый раздел с текстом «Вертикальная фиксированная навигация» оставался в центре прокруткии охватывают всю высоту области просмотра и слегка начинают исчезать, в то время как она становится полностью белой из-за непрозрачности, а затем вместо нее появляется новая секция вместо секции 1, не выглядя как прокрутка вниз.

...