Как перевести скролл странцы на скролл внутри блока?

Question

[Lara B]

Добрый день!
Смотрела, какие вопросы задавались похожие, но не нашла ответа. Гуглю который день интернете, тоже не найду ответ.
Это встречается все чаще и чаще, при вертикальной прокрутке странице, доходим до определеного блока и дальнейший скролл колесиком прокручивает контент внутри страницы, либо вертикально, либо горизонтально
Благодарна за любую подсказку или хаотя бы сайт с таким эффектом, я бы попробовала разобрать, как они это сделали.
Накидала верстку.
https://codepen.io/Lareta/pen/XWRQeBy

Comments

[Сергей Соколов]

при скролле внутри элемента, страница продолжает скроллиться (линейки прокрутки) ?
В вашем примере уже происходит желаемое, т.к. мышка оказывается над блоком с квадратами и дальнейшая прокрутка влияет не на контент страницы, а на этот элемент. На Mac OS X, FireFox, во всяком.

Понять бы, кто принимает события скролла, когда появляется контейнер. Приведите ссылку на пример, где этот эффект реализован.

[Lara B]

Сергей Соколов, добрый день!
Это что-то похожее вот на такое поведение, только тут я нашла - это для Тильды и скролл горизонтальный.
Но суть такая, что хоть скроллить мышкой. хоть тянуть ползунок скролла страницы, хоть перемещаться стрелками ВВЕРЗ ВНИЗ на клавиатуре, все равно, пока конент весь не покажется, страницы дальше не едедт
https://dmitryrybalka.ru/blog/horisontal-scroll-ze...

В моем случае сейчас, если тянуть за ползунок или стрелками премещать страницу, то блок с квадратами просто проедет без показа всего конента внутри

[Lara B]

там видимо у Тильды плагин есть готовый, а вот как это сделать для любой страницы, ничего не могу найти.

[Алекс Глебов]

на scrollmagic можно
https://codepen.io/michaelpumo/pen/EJgWgd
https://codepen.io/KOLiu/details/YjbVoe

[Lara B]

Алекс Глебов, супер!!!! Просто огромная благодарность! Сейчас буду разбираться, как применить это к моему случаю, когда надо вертикально скроллить контент внутри секции