Skocz do zawartości

Zdjęcie
- - - - -

Pytanko odnośnie animacji [Css3+Jquery]

animacja css3 JQuery div selektor

3 odpowiedzi w tym temacie
  • Zaloguj się, aby dodać odpowiedź
Rafeq_PL

    Nowy użytkownik

  • 13 postów
    • Czas spędzony online: 12m 28s
2
Neutralna

Napisano 15 maja 2014 - 19:35

#1

Witam, znowu potrzebuję waszej pomocy. Otóż chciałem założyć stronkę i jest dość długa ( w sensie, stopki nie widać). A w stopce chciałem umieścić animację (napisaną w css3). Oczywiście załóżmy, że stopka ma klasę : "bottom", natomiast div animowany ma klasę: "anima". Potrzebuję takiej pomocy, że gdy użytkownik zobaczy div'a pt. "bottom" to animacja zacznie działać. Do tego czasu ma czekać. Podczas gdy wy będziecie myśleć nad tym, ja spróbuję sam coś wykombinować :).


  • 0

Michał

    Stary wyjadacz

  • 301 postów
    • Czas spędzony online: 16d 7h 11m 3s
95
Znakomita!

Napisano 15 maja 2014 - 20:25

#2

Takie coś znalazłem: :)
http://jsfiddle.net/BKnzr/1/


  • 1

Rafeq_PL

    Nowy użytkownik

  • 13 postów
    • Czas spędzony online: 12m 28s
2
Neutralna

Napisano 18 maja 2014 - 10:42

#3

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");
}
});

zonic (19 maja 2014 - 09:20 ):
Ostrożniej z tymi linkami :)

  • 2

unbreak

    WT Elite

  • 1 937 postów
    • Czas spędzony online: 27d 8h 43m 36s
506
Znakomita!
  • Location/home/unbreak

Napisano 19 maja 2014 - 07:50

#4

Używanie linków tego typu powinno być zabronione, imo.


  • 1

webDeveloper






Podone tematy Collapse


Również z jednym lub większą ilością słów kluczowych: animacja, css3, JQuery, div, selektor

Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych