• Как сделать из вертикального скролла горизонтальный?

    delphinpro
    @delphinpro Куратор тега CSS
    frontend developer
    Если это продолжение вашего предыдущего вопроса, то ответ уже дан. Слушайте wheel и перемещайте блок по горизонтали. Других решений тут не будет. Для изменения плавности перемещения можно использовать простейшую анимацию ease-in-out, или через cubic-bezier подобрать нужное.
    По сути в первом вопросе это даже не скролл, а именно перемещение блока по горизонтали.
    Ответ написан
    2 комментария
  • Как сделать такой же scroll?

    @Fibonachi09
    Чтобы создать такую реализацию можно использовать библиотеку GSAP и её плагин ScrollTrigger. Этот плагин как раз позволяет изменять значения некоторых переменных с ходом скролла.

    Данная библиотека достаточно гибкая для реализации почти любых проектов. Конкретно на вашем примере - используется комплексные контрольные точки, анимации в которых вызываются ИЛИ происходят с течением скролла.

    Советую сначала посмотреть демо-проекты на странице бибилотеки и их исходный код, чтобы понять базовые концепции. А далее попытаться применить к себе. Документация конечно довольно сложная, но можно её перевести
    Ответ написан
    Комментировать