Изменить анимацию в зависимости от размера экрана в Typescript - PullRequest
Новая
       30

Изменить анимацию в зависимости от размера экрана в Typescript

0 голосов
/ 17 декабря 2018

У меня есть элемент шириной 2px, который я хочу анимировать.Он перемещается только слева направо по текстовому абзацу.

getLineScreenTravel() {
    if (($( document ).width()) <= 786) {
        return $( document ).width() - 2 ;
    } else {
        return $('.ml11 .letters').width() * 1.05;
    }

}

Здесь вызывается функция: 

.add({
    targets: '.ml11 .line',
    translateX: [0, this.getLineScreenTravel()],
    easing: 'easeOutExpo',
    duration: 700,
    delay: 100
  })

Я сделал эту функцию, чтобы сообщить объекту, сколько пикселей нужно перемещать в зависимости от размера экрана, чтобы он не перемещался слишком далеко.в результате получается горизонтальная полоса прокрутки.

Честно говоря, я знаю только Java и не имею понятия о машинописи / jquery.Элемент больше не двигается, как я могу заставить метод работать?

Спасибо

...