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ć .
Posted 18 May 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
Topic | Forum | Started By | Stats | Last Post Info | |
---|---|---|---|---|---|
Optymalizacja animacji SVG |
HTML i CSS | przemoo83 |
|
||
kilka pytań odnośnie optymalizacji i pozycjonowania.pozycjonowanie, optymalizacja |
Pozycjonowanie i optymalizacja | reszkov |
|
Also tagged with one or more of these keywords: animacja, css3, JQuery, div, selektor
Answered
Technologie webowe - tworzenie stron www →
Javascript →
Wysuwane menu - kwestia chowania.Started by Snake_, 30 Dec 2015 jquery |
|
|||
Technologie webowe - tworzenie stron www →
Gotowe rozwiązania →
Slide-in Filtr treści CSS/jQueryStarted by zonic, 30 Jan 2015 css, slide-in, jquery and 5 more... |
|
|||
Answered
Technologie webowe - tworzenie stron www →
HTML i CSS →
Jak wklejać kod .js do pliku .tpl?Started by zak, 02 Jan 2015 jquery, js, tpl. |
|
|||
Pozostałe →
Inne →
Funkcje bez których forum nie może istnieć :)Started by unbreak, 27 Oct 2014 forum, php, css, javascript and 2 more... |
|
|||
Technologie webowe - tworzenie stron www →
HTML i CSS →
Skróć swój CSS (Shorthand properties generator)Started by zonic, 23 Sep 2014 shorthand, css, css3, short |
|
1 user(s) are reading this topic
0 members, 1 guests, 0 anonymous users