Rafeq_PL

Witam, dziękuję za tą szybką odpowiedź. Choć nie zrozumiałem tego kodu do końca poradziłem sobie w inny sposób. Istnieje pomysłowy plugin pt. "jQuery visible" (link:https://github.com/t...jquery-visible/). Polega to na tym, że gdy obiekt jest widoczny na ekranie to funkcja zwraca wartość "true". W innym przypadku zwraca "false".

Oto kod, który mi działa. Animacja (napisana w css3) działa gdy obiekt "img#shape" jest na ekranie. Gdy scrollujemy, obiekt ciągle jest sprawdzany, czy nie jest widoczny. Animacje dwóch obiektów są przypisane do klas dlatego klasy są dodawane do obiektów o id: "shape" i "animacja".
 

$(document).ready(function(){
if ($("img#shape").visible() === true)
{ $("img#shape").addClass("NAZWAKLASY");
 $("p#animacja").addClass("NAZWAKLASY");
}
});

$(window).scroll(function(){
if ($("img#shape").visible() === true)
{ $("img#shape").addClass("NAZWAKLASY");
 $("p#animacja").addClass("NAZWAKLASY");
}
});