Animacja jquery

pytanie zadane 11 maja 2016 w JavaScript przez jaca121212 Nałogowiec (40,760 p.)

Mam problem z animacją, która zamiast wykonywać się w określonym miejscu to wykonuje się przy przewinięciu trochę strony.(sticky).kod jest taki

			<script>
			$(document).ready(function() 
{
    var navY = $('nav').offset().top;
	var navx = $('header').offset().top;
	var aside = $('aside').offset().top;
	var footer = $('article').offset().top
    ,stickyNav = function()
    {
        var scrollY = $(window).scrollTop();
		
		
			if(scrollY > navY )
			{
			$('nav').addClass('sticky');
			if(scrollY > navx ){
			$('aside').addClass('animated slideInLeft').css("display", "block");
			}else
			{
			
			}
			
			if(scrollY > aside ){
			$('article').addClass('animated slideInRight').css("display", "block");
			}
			
			if(scrollY > footer ){
			$('footer').addClass('animated slideInUp').css("display", "block");
			
			}

			}else
			{
			$('nav').removeClass('sticky');
			$('article').removeClass('animated lightSpeedIn').css("display", "none");
			$('aside').removeClass('animated fadeInLeft').css("display", "none");
			$('footer').removeClass('animated fadeInLeft').css("display", "none");
			$('header').addClass('color');
			

			}
			
			
	};
	
      
    $(window).scroll(stickyNav);
 
    stickyNav();
	
	
});
 
			</script>

<body>

<header></header>

<nav></nav>

<aside></aside>

<article></article>

<footer><footer>

</body>

jeśli

scrollY > navY -to wykonuje się funkcje ja natomiast próbowałem zrobić to w ten sposób że jeśli

navx > navY --to wtedy wykonuje się funkcja

np. gdy menu wkroczy na aside to załaduje article - i tak dalej czyli jeśli menu wkroczy na article to załaduje się footer.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

Podobne pytania

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci