根据打字稿中的屏幕尺寸更改动画

时间:2018-12-17 14:51:26

标签: jquery typescript animation jquery-animate

我有一个要动画的宽度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不了解。元素不再移动,如何使该方法起作用?

谢谢

0 个答案:

没有答案