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ć .
Napisano 18 maja 2014 - 10:42
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"); } });
Podone tematy
Temat | Forum | Autor | Podsumowanie | Ostatni post | |
---|---|---|---|---|---|
Optymalizacja animacji SVG |
HTML i CSS | przemoo83 |
|
|
|
kilka pytań odnośnie optymalizacji i pozycjonowania.pozycjonowanie, optymalizacja |
Pozycjonowanie i optymalizacja | reszkov |
|
|
Również z jednym lub większą ilością słów kluczowych: animacja, css3, JQuery, div, selektor
Rozwiązany
Technologie webowe - tworzenie stron www →
Javascript →
Wysuwane menu - kwestia chowania.Napisany przez Snake_, 30 gru 2015 jquery |
|
|||
Technologie webowe - tworzenie stron www →
Gotowe rozwiązania →
Slide-in Filtr treści CSS/jQueryNapisany przez zonic, 30 sty 2015 css, slide-in, jquery i 5 więcej |
|
|||
Rozwiązany
Technologie webowe - tworzenie stron www →
HTML i CSS →
Jak wklejać kod .js do pliku .tpl?Napisany przez zak, 02 sty 2015 jquery, js, tpl. |
|
|||
Pozostałe →
Inne →
Funkcje bez których forum nie może istnieć :)Napisany przez unbreak, 27 paź 2014 forum, php, css, javascript i 2 więcej |
|
|||
Technologie webowe - tworzenie stron www →
HTML i CSS →
Skróć swój CSS (Shorthand properties generator)Napisany przez zonic, 23 wrz 2014 shorthand, css, css3, short |
|
Użytkownicy przeglądający ten temat: 0
0 użytkowników, 0 gości, 0 anonimowych