nasıl hareket ve JS

Question

Benim JavaScript elemanları solan getirmek için şu anda böyle görünüyor. Ancak, aynı zamanda, ürünlerin de yerlerine taşındığı bir sürü wrapbootstrap web sitesinde görebileceğiniz aynı etkiyi elde etmeye çalışıyorum. Bu uzun sürüyor mu? Kodum için kolay bir düzeltme mi? http://wrapbootstrap.com/preview/WB0T75386

yılında yerine taşımak ve solmaya nasıl işler bakınız: Burada

i almaya çalışıyorum ne örneğidir? Çok hoş görünüyor. css ile bunun nasıl

Answer 1

bir örnek, sadece. Ive bu daha uygundur çünkü dom amacı

$(document).ready(function() { 

    /* Every time the window is scrolled ... */ 
    $(window).scroll(function() { 
     var bottom_of_window = $(window).scrollTop() + $(window).height(); 

     /* get the ones that are still faded out but should get visible */ 
     $('.faded_out').filter(function() { 
      return bottom_of_window > $(this).offset().top + $(this).outerHeight(); 
     }).removeClass('faded_out'); 
    }); 
}); 

var, benim kodunda .faded_out için .hideme değiştirildi fade tetiklemek için JS ihtiyaç

<div class="faded_out fade_in fade_in_from_right" > ... </div> 

ve cSS , her bir özel sınıfı

/* I am an element that is fading in */ 
.fade_in { 
    opacity: 1; 
    transform: none; 
    transition: opacity linear 500ms, transform ease 500ms; 
} 

/* 
    this is the style I am fading in 
    by fading from this style, back to the defaults in .fade_in 
*/ 
.faded_out.fade_in_from_right { 
    opacity: 0; 
    transform: translateX(50px); 
}