@Genexys
фронтенделье

Как сделать адаптивным смещение блока в scrollmagic?

var controller = new ScrollMagic.Controller({container: '.content-wrapper',});

    const parllaxTL = new TimelineMax();

    parllaxTL
        .to('.logo-block', 1, {y: `100%`})

    let scene;

    scene = new ScrollMagic.Scene({
        triggerElement: '.section',
        triggerHook: 0,
        duration: '200%',
        offset: '70%'
    });


Этот код делаем смещение блока при скроле

5f34fc93637da203114359.gif

Но проблема в том, что на разных разрешениях смещение не компенсируется измененным вьюпортом.

5f34fd8b4976a140634151.gif

Можно ли как-то задать плагину такие настройки, что бы адаптивно для разных экранов смещение при скроле сохранялось пропорционально?
  • Вопрос задан
  • 55 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

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