2016-11-11 6 views
0

Я делаю некоторые зеленые и анимационные прокрутки. Я включил эту анимацию в функцию scrollMgc. эта анимация будет работать, когда ширина окна больше 800 пикселей и остановится, когда размер окна меньше 800 пикселей при изменении размера. Этот код, который я написал до сих порзапустить функцию JQuery, когда размер окна превышает 800

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

Может ли кто-нибудь помочь мне выйти из этой проблемы?

+0

этот код, который я написал до сих пор? Итак, в чем проблема, с которой вы сталкиваетесь, каков ожидаемый результат и т. Д. И, пожалуйста, создайте демоверсию, которая поможет объяснить проблему и результат. – Manish

+0

вместо «остановки» вы удаляете функцию здесь: 'scrollMgc = undefined;' – lynx

+0

Я хочу, чтобы функция выполнялась, когда ширина экрана больше 800 пикселей, и я хочу, чтобы функция не запускалась, когда я изменяю размер экрана меньше, чем 800px, поэтому я использовал .resize(). Проблема заключается в том, что функция все еще работает при изменении размера экрана. –

ответ

0

Измените код, как показано ниже, как ширина является функцией:

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

Я до сих пор не понимаю его –

+0

Итак, попробуйте $ (window) .width() ;. Это правильно работает во мне. –

 Смежные вопросы

  • Нет связанных вопросов^_^