Как реализовано

[soot]

Подскажите как сделать так чтобы при прокрутке странице блоки подгружали в разнобой или постепенно по мере скролинга. Например как тут http://www.yootheme.com/demo/joomla/square

 

Если не в тот топик - просьба не карать =)

[rikimaru2013]

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<script>

$(window).scroll(function(){

        var scrollTop= $(window).scrollTop(); // при загрузке страницы тут 0, только дёргаешь колёсиков вниз оно прибавляется, надо учитывать разное расширение экранов с помощью $( window ).height() 

                

        if (scrollTop > 50)

            $("#div1").animate({'left' : '200px'}, 4000); // было в CSS position:relative;left:-300px; и за 4 секунды "выехало" до 200px

       if (scrollTop > 130)

            $("#div2").fadeIn(3000); // эффект разворачивания

});

</script>

Edited January 30, 2014 by rikimaru2013

[Sensei]

http://julianlloyd.me/scrollreveal/