Avatar
patrikbraborec:

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:

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

 
Nahoru Odpovědět 16.10.2015 21:36
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na patrikbraborec
Honza Bittner:

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
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
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.