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

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

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


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

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

Войти через центр авторизации
Похожие вопросы