Я делаю некоторые зеленые и анимационные прокрутки. Я включил эту анимацию в функцию 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;
}
})
Может ли кто-нибудь помочь мне выйти из этой проблемы?
этот код, который я написал до сих пор? Итак, в чем проблема, с которой вы сталкиваетесь, каков ожидаемый результат и т. Д. И, пожалуйста, создайте демоверсию, которая поможет объяснить проблему и результат. – Manish
вместо «остановки» вы удаляете функцию здесь: 'scrollMgc = undefined;' – lynx
Я хочу, чтобы функция выполнялась, когда ширина экрана больше 800 пикселей, и я хочу, чтобы функция не запускалась, когда я изменяю размер экрана меньше, чем 800px, поэтому я использовал .resize(). Проблема заключается в том, что функция все еще работает при изменении размера экрана. –