禁用其他頁面上的動畫

Question

我想在加載帶有此代碼的html頁面時激活此動畫，並且當我點擊另一個Ajax頁面選項卡時我想禁用此選項，因爲此刻此動畫在每個ajax頁面上動畫div我只想在特定的頁面上加載它。

這怎麼可能？

$(window).scroll(function() { 
if ($(this).scrollTop() < 200) { 
    $(".example").animate({ 
     top: "0px" 
    }, { 
     duration: 50, 
     easing: 'easeInOutCubic' 
    }); 
} else { 
    $(".example").animate({ 
     top: "-50px" 
    }, { 
     duration: 50, 
     easing: 'easeInOutCubic' 
    }); 
} 
}); 

Answer 1

如果你正在使用的哈希您的Ajax頁面，您可以很容易地檢查這，看看你在頁面上執行的動畫像在此之前：

$(window).scroll(function() { 
var hash = window.location.hash; 
if(hash == "foobar"){ 
    if ($(this).scrollTop() < 200) { 
     $(".example").animate({ 
      top: "0px" 
     }, { 
      duration: 50, 
      easing: 'easeInOutCubic' 
     }); 
    } else { 
     $(".example").animate({ 
      top: "-50px" 
     }, { 
      duration: 50, 
      easing: 'easeInOutCubic' 
     }); 
    } 
} 
}); 

注意，你將不得不作出確保一旦你改變一個頁面。您也可以更改散列：

window.location.hash = "foobar";