Может кто-нибудь вкратце дать мне какие-нибудь советы о том, как создается эффект прокрутки такого типа?
https://www.prokhorov.design/works
Я вижу, что есть разные разделы, и один показывается, в то время как другиескрыты и находятся на прокрутке, показывается следующий, но я не понимаю, как текущий раздел остается в одном месте, с текстом в середине даже при прокрутке?Я пробовал position:fixed
и height: 100vh
, но мне не помогло, следующий контент все еще прокручивается.Теперь у меня есть только макет со всеми 6 разделами, как здесь:
https://codepen.io/Limpuls/pen/OBmmdx
Но я хочу, чтобы первый раздел с текстом «Вертикальная фиксированная навигация» оставался в центре прокруткии охватывают всю высоту области просмотра и слегка начинают исчезать, в то время как она становится полностью белой из-за непрозрачности, а затем вместо нее появляется новая секция вместо секции 1, не выглядя как прокрутка вниз.