NOVINKA - Online rekvalifikační kurz Python programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: effect

Jak se ti líbí článek?
Před uložením hodnocení, popiš prosím autorovi, co je špatněZnaků 0 z 50-500
Jak se ti kurz líbí?
Tvé hodnocení kurzuZnaků 0 z 50-500
Aktivity
Avatar
patrikbraborec
Člen
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
Tvůrce
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
Avatar
Honza Bittner
Tvůrce
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í
+2,50 Kč
Řešení problému
Nahoru Odpovědět
+2
16.10.2015 21:42
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
patrikbraborec
Člen
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.