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

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

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; 
    } 
})

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

来源

2016-11-11 Mhd-arif

这段代码我写到目前为止？那么，你面临的问题是什么，预期的结果等等。请创建一个演示，帮助解释问题和结果。 – Manish

而不是“停止”你在这里删除函数：'scrollMgc = undefined;' – lynx

我希望函数在屏幕宽度大于800px时运行，并且我希望函数在我调整屏幕大小时不运行800px，这就是为什么我使用.resize（）。问题是当我调整屏幕大小时，功能仍在运行。 –

如下更改代码宽度是一个函数：

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

来源

2016-11-11 04:05:11

我还是不明白 –

好的，然后试试$（window）.width（）;.这在我身上正常工作。 –

$（本）.WIDTH是一个函数。

$(this).width()

来源

2016-11-11 04:09:36 Sagar

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

回答

相关问题