Как совместить постраничный и обычный скроллинг на странице?

Question

[dDayLance]

Как можно совместить на страничке постраничный скролл для определенных секций с классическим скроллом для остальных секций как в этом примере ?

Comments

[v3shin]

Повесить на нужную область onscroll.

Answer 1

[Andrey Suha]

Overflow auto и max-height?

Comments

[dDayLance]

Я неточно выразился и внес коррективы в вопрос

[Andrey Suha]

dDayLance, по-моему ничего не изменилось. Не понятно что именно у Вас не получается. Если вы хотите что бы какая-то секция на странице была со скроллом, то вешаете на нее overflow: hidden и max-height например 200px. Тогда когда высота контента в этой секции превысит 200px в ней появится скролл.

Если Вас интересует бесконечный скролл т.е. что бы контент подружатся аяксом при доскраливании до определенного элемента, то почитайте вот это, здесь про wp, но как отловить что доскролили до определенного елемента можно понять

[dDayLance]

Andrey Suha, мне скорее нужно что-то похожее на это пример
Чтобы после первого экрана врубался постраничный скролл, на котором будут триггеры для анимации у каждой секции, а после окончания этого блока пользователь мог дальше скроллить страницу

[Andrey Suha]

dDayLance, подходит?

[dDayLance]

Andrey Suha, к сожалению нет, тут просто блоки с анимацией in и out, мне другое нужно

[Andrey Suha]

dDayLance, Вам нужно просто повесить анимацию на блок когда к нему доскролили?

[dDayLance]

Andrey Suha, нет, с этим у меня проблем нет. В примере идёт поэтапная прокрутка, которая сопровождается листанием слайдера. И если быстро скролить, то скорость анимации пролистывания увеличиваться не будет, а будет поэтапное воспроизведение, будто бы это сделано поэкранным скролом (это мои догадки). Мне нужно повторить это, при этом, чтобы после завершения этой секции скролл становился обычным и дальше страница листалась в классическом варианте

[Andrey Suha]

dDayLance, все равно не понимаю о чем Вы, может потому что захожу с телефона на Ваш пример. Добавьте свой пример в вопрос, возможно кто то другой Вам поможет

[dDayLance]

Andrey Suha, прощу прощения, не упомянул, что этот эффект работает только на десктопной версии -_-

[Andrey Suha]

dDayLance, к сожалению на десктоп не имею возможности зайти

[dDayLance]

Andrey Suha, понял, но всё равно большое спасибо за помощь)