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

Есть страница сайта, при скроллинге страницы каждый блок плавно появляется. Когда в зону видимости пользователя попадет определенный блок, то при дальнейшей попытке прокрутить страницу, все должно остаться на месте за исключение содержимого данного блока, которое плавно сменится одно на другое и так до тех пор пока весь контент блока не будет показан, далее страница продолжает скроллиться в стандартном режиме. Точно так же в обратном порядке. Как правильно это называется, и как добиться такого эффекта? В гугле не смог найти инфу, тк даже не знаю как правильно составить запрос)
  • Вопрос задан
  • 270 просмотров
Пригласить эксперта
Ответы на вопрос 1
IIIu6ko
@IIIu6ko
Скролл не отключается в таких решениях. Пользователь по прежнему продолжает скроллить, просто в определённый момент нужный блок зависает и с помощью transform двигается влево/вправо имитируя горизонтальный скролл.

Вот хороший пример gsap + scrolltrigger


Можешь погуглить gsap scrolltrigger horizontal scroll
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
summer Ярославль
от 100 000 до 140 000 ₽
КРАФТТЕК Санкт-Петербург
от 60 000 до 80 000 ₽
19 апр. 2024, в 20:43
20000 руб./за проект
19 апр. 2024, в 20:11
500 руб./за проект