Как при скролле мышью прокрутить весь первый экран?

Question

[Алексей Скляров]

Есть такой плагин как fullpage.js, который позволяет прокручивать сайт блоками. У меня есть сайт с первым экраном (занимает всю высоту окна) и нкжно чтобы при скрллированиии весь этот блок проерктился весь сразу. Можно конечно крутить к якорю, но требуется это делать без нажатия на элемент, а при обычном скроллинге, как такое можно реализовать?

Answer 1

[Сергей Горячев]

Чтобы не заморачиваться, бери fullpage.
codepen.io/alvarotrigo/pen/BKjRYm
Первому экрану задавай height: 100vh, и он прокрутится так, как тебе надо.
Второму блоку и любым, в которых контент разной высоты добавить класс fp-auto-height.
А остальная часть будет подстраиваться под высоту блока.
Либо alvarotrigo.com/fullPage/extensions/scrolloverflow...
Просто сделать прокрутку внутри второго блока, как тут.

Comments

[Алексей Скляров]

Суть в том, что следующий блок, на который мы попадём имеет динамическую высоту, то есть его уже нкжно будет скроллировать обычным способом. Насколько я успел разобраться с фулпейдж, в него надо будет поместить первый экран и тот блок, что под ним. Но в этом случае второй блок будет иметь высоту тоже 100vh, то есть просто отрезаться. Правильно ли я понимаю,что параметр autoheight как раз позволяет отключать эту обрезку?

[Сергей Горячев]

Алексей Скляров: codepen.io/alvarotrigo/pen/BKjRYm
Немного ошибся, вот пример.

[Сергей Горячев]

Алексей Скляров: либо еще проще alvarotrigo.com/fullPage/extensions/scrolloverflow...