當達到特定分區時啓動jquery動畫

Question

嗨我有這種代碼可以提供類型書寫效果。但是thigs是我想要動畫只有當用戶向下滾動到這個div時才能運行。你們能幫忙嗎？由於

<script> 
 
\t 
 
    $(function(){ 
 

 
     $("#typed").typed({ 
 
      strings: ["oru exp", "Oru expertise", '"Our expertise Graphic Designer will create the template based \n on your company activity and will provide with a proffesional \n and ergonic design to your website."'], 
 
      typeSpeed: 30, 
 
      backDelay: 500, 
 
      loop: false, 
 
      // defaults to false for infinite loop 
 
      loopCount: false, 
 
      callback: function(){ foo(); }, 
 
      resetCallback: function() { newTyped(); } 
 
     }); 
 

 
     $(".reset").click(function(){ 
 
      $("#typed").typed('reset'); 
 
     }); 
 

 
    }); 
 

 
    function newTyped(){ /* A new typed object */ } 
 

 
    function foo(){ console.log("Callback"); } 
 

 
    
 
    </script>

這裏是HTML：有關獲取一定的高度，然後播放動畫

<div class="wrap"> 
    <div class="type-wrap"> 
    <span id="typed" style="white-space:pre;"></span> 
    </div> 
</div> 

Answer 1

$(window).scroll(function(){ 
    var height = $(window).scrollTop(); 
    if(height > 400){ 
     // $('#your_htmlelement').typed(); 
    }else{ 
     // $('#your_htmlelement').typed('reset'); 
    } 
}); 

jsFiddle

什麼？