Question

我做了一些绿色摇滚和滚动动画。我把这个动画放在一个名为scrollMgc的函数中。这个动画将在窗口宽度大于800px时运行，并且当窗口小于800px时将停止调整大小。这是我到目前为止编写的代码

function scrollMgc(){

    // Prepare the stage
    TweenMax.set($('.animation-awards'), {y: 70});

    // Make scrollmagic controller
    var controller = new ScrollMagic.Controller();

    // Create awards scene
    var awardScene = new ScrollMagic.Scene({
        triggerElement: '.awards',
        triggerHook: 0.8,
        duration: '270%'
    })
    .setTween(TweenMax.to('.animation-awards', 1, {y: '-=300'}))
    .addIndicators({})
    .addTo(controller);

}

$(window).resize(function(){
    if($(this).width > 800){
        scrollMgc();
    }
    else{
        scrollMgc = undefined;
    }
})

有人可以帮我解决这个问题吗？

Answer 1

如下所示更改代码，因为width是一个函数：

if($(this).width() > 800){
   scrollMgc();
}
else{
   scrollMgc = undefined;
}

Answer 2

$（this）.width是一个函数。

$(this).width()

当窗口大小大于800时运行Jquery函数

2 个答案: