Как сделать мультискрол лендинг?

Question

[Иван]

Нужно сделать лендинг с вертикальной прокруткой, но скролов на странице несколько.
Т.е. например при скроле вниз, когда страница доходит блока со скролом контент продолжает прокручиваться в блоке. Когда блок заканчивается продолжается прокрутка основной части страницы. Т.е. условно говоря мне нужно давать диву с контентом фокусировку при его появлении?
Наверняка есть какие-то плагины или примеры?

Answer 1

[Роман Дворянов]

alvarotrigo.com/fullPage

Для появления скролла на тех экранах, где много контента используйте опцию scrollOverflow:true
Но для ее работы нужен плагин slimscroll.js

Comments

[Иван]

slimscroll.js - вроде не совсем то. Он скролит только если мышка находится в области дива. Соответственно если мышка за него выходит, то начинает скролится основная страница.

[Роман Дворянов]

Иван: я не совсем понял, но скажите, ожидаемое поведение похоже на работу этого сайта - constart.ru я имею в виду третий экран, он длинее остальных

[Иван]

Роман Д.: не совсем. Третий экран прокручивается целиком, а мне нужно прокрутить отдельный блок (например на третьем экране).

Answer 2

[Игорь Морев]

html5.by/blog/scroll-effects посмотрите на этот плагин (8. Staging (Сцена).