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

Question

[Виталий]

На сайте присутствую несколько полноэкранных слайдов, для них должен использоваться постраничный скроллинг.
После 2х-3х полноэкранных слайдов идёт несколько блоков различной высоты. Для них должен быть обычный скроллинг.
Готовые решения, которые я нашёл поддерживают только постраничный скроллинг, попытки добавить после какие-то неполноэкранные фрагменты не приносят результатов.

Посоветуйте готовое решение, которое умеет переходить от постраничного скроллинга к обычному.

Спасибо!

Answer 1

[prodavec macdonalds]

стоит попробовать, например, swiper-slider. Совсем недавно на нем делал подобный сайт.

так же(код) только не вертикальный внутри горизонтального, а наоборот

внутри блока, который должен быть обычным, использовать Swiper Scroll Container

Comments

[Виталий]

Хорошая библиотека, спасибо.
Но речь немного о другом.
Сначала несколько экранов в полную высоту с поэкранным скроллом, потом просто контент с обычным.
Кажется FullPage это может.
Сейчас разбираюсь.

[prodavec macdonalds]

Виталий, вполне позволяет, если внутри блока, который должен быть обычным, использовать Swiper Scroll Container

[Виталий]

prodavec macdonalds, спасибо. Как оказалось fullpage.js использует подобную библиотеку для скролла внутри контейнеров, выходящих за viewport. То есть может.
Минус в том, что это всё равно не обычный скролл, а эмуляция.
Так же проблема с перемещение по якорю внутри большого контейнера, эмулированный скролл бар за прыжком на якорь не перемещается, и при движении с якоря происходит неприятное дерганье страницы и скролл бара.

Возможно и для этого я бы нашел решение, но дизайн неожиданно поменялся и необходимость в полноэкранном скроллинге пропала вообще.