ページを一定の位置にスクロールしたら、要素がスライドして表示されます.

    
    
    
    


 
   

       

                
       
   
   
       $(function(){

           $(window).scroll(function(){
                slideIn($(".animate-box"),150);
           });


          function slideIn(obj,left){
              var targetHeight = obj.offset().top;   //          
              var scrollTop = $(window).scrollTop(); //       

              if(scrollTop>targetHeight-400){
                   obj.animate({left:left+'px',opacity:1,filter:'Alpha(opacity=90)'},500);
              }
           };


       });