Pouze tento týden sleva až 80 % na e-learning týkající se Javy. A zároveň využij akce až 30 % zdarma při nákupu e-learningu - Více informací.
Hledáme koordinátorku kurzů a programátora, 100% home office, 100% flexibilní. Prozkoumej aktuální pozice
Java week

Diskuze: effect

Aktivity
Avatar
patrikbraborec:16.10.2015 19:53

Ahoj,
chci použít tento effect http://www.justinaguilar.com/…s/index.html#how a nemůžu to zprovoznit. Animace mi jde, ale při scrollu se nic nespustí.

<div class="right">
               <img src="img/web1.jpg" alt="product" id="phone" class="animate slideUp">
           </div>
<script>
$(window).scroll(function() {
      $('#phone').each(function(){
      var imagePos = $(this).offset().top;

      var topOfWindow = $(window).scrollTop();
        if (imagePos < topOfWindow+200) {
          $(this).addClass("slideUp");
        }
      });
</script>
#phone{
    visibility: hidden;
}

Všechno mám podle návodu a pořád nic....Děkuji za případné odpovědi.

Odpovědět
16.10.2015 19:53
To nejcennější, co všichni máme, je náš čas.
Avatar
Bratr
Redaktor
Avatar
Bratr:16.10.2015 21:36

Čau, dal jsi ten skript na konec dokumentu před </body>?

 
Nahoru Odpovědět
16.10.2015 21:36
Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na patrikbraborec
Honza Bittner:16.10.2015 21:42

Možná proto, že ten element již třídu slideUp má? Také by jsi tam IMHO neměl mít $("#phone"), ale nějaký selektor (třídu, např.), který ti vybere všechny elementy, které budeš chtít animovat.

Akceptované řešení
+20 Zkušeností
+1 bodů
Řešení problému
Nahoru Odpovědět
16.10.2015 21:42
Student FIT ČVUT :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Odpovídá na Honza Bittner
patrikbraborec:17.10.2015 13:15

Děkuju moc, už mi to jde.

Nahoru Odpovědět
17.10.2015 13:15
To nejcennější, co všichni máme, je náš čas.
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 4 zpráv z 4.