Отключить анимацию на другой странице

Question

Я хочу активировать эту анимацию, когда страница html с этим кодом загружается, и когда я нажимаю на другую вкладку страницы Ajax, я хочу отключить ее, потому что в данный момент анимация анимации div на каждой странице ajax и я хочу загрузить это только на конкретную страницу.

Как это возможно?

$(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";