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
Avatar
Honza Bittner
Šupák
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  +2 16.10.2015 21:42
Milovník Dartu. Student FIT ČVUT. Sleduj mě na https://twitter.com/tenhobi a zeptat se mě na cokoli můžeš na https://...
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.