Diskuze: effect

patrikbraborec

Člen

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.

Bratr

Tvůrce

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

Honza Bittner

Tvůrce

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č

Nahoru Odpovědět

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.

patrikbraborec

Člen

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.

Nejčastěji vyhledáváné

Diskuze: effect