2013-09-03 2 views
1

У меня есть скрипт, который вызывает различные дисплеи выцветают/меню в HTML5 App на свитке - скрипт запускается с высотой прокрутки IScroll в следующем виде -сценарий запуск синхронизация

onScrollMove: function() { 
      var thisScrol = myScroll.getScrollY() 

      if (thisScrol < -70){ 
       bgfadeToggle('on'); 
       notifToggle('on'); 

      } 
      if (thisScrol > -70){ 
       bgfadeToggle('off'); 
       notifToggle('off'); 

      } 



}, 

Для справки функции следующим образом -

function notifToggle(whichOne){ 

if (whichOne == "on" && fifth == "yes"){ 

    setTimeout(function() {fifth="no";}, 10) 
     $('.notificationArea .notif').animate({ 

        opacity: 0 
        }, 1500); 

} 
if (whichOne == "off" && fifth == "no"){ 

    setTimeout(function() {fifth="yes";}, 10) 
     $('.notificationArea .notif').animate({ 

        opacity:1 
        }, 2500); 


} 

} 


//Move footer ul depending on scroll position 
function bgfadeToggle(which){ 
if (which == "on" && first == "yes"){ 

    setTimeout(function() {first="no";$('#wrapper').addClass('hov'); }, 10) 

       $('.appearLate').fadeIn('1000'); 

       $('.footer ul ').animate({ 
        bottom: [ "-40", "linear" ], 
        opacity: "0" 
        }, 100, "linear"); 


       $(".appearLate").animate({ 
        top: [ "-1", "swing" ], 
        opacity: "1" 
        }, 500, "linear"); 

} 

скрипт отлично работает - если .. Вы не прокручивать вверх и вниз быстро - который запускает оба сценария одновременно - а это значит, вещи исчезать и снова в неподходящее время - есть ли способ, что я могу остановить сценарий реагирует так: - отключить функцию в то время как anothe r работает?

Любые идеи?

ответ

4

использование stop(), чтобы остановить анимацию в настоящее время работает

$('.notificationArea .notif').stop().animate({ 
       opacity: 0 
       }, 1500); 

или

stop(true,true) 

с правдой в качестве аргументов, остальные анимации в очереди удаляются и никогда не run.Usually stop(true,true) используется в таких случаи

+0

yup обновлено .. спасибо ..:) \ – bipen

+0

что прохладно приветствие bipen .. Так что в вышеприведенном случае я бы применил остановку к notif toggle fun Только я думаю? Кажется, все-таки сделать трюк на быстрый тест. – Dancer

+0

yes ... применить в befor анимационном вызове ... так, чтобы он прекратил любую текущую анимацию ..:) ... рад, что это поможет .. ура – bipen

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