仅在特定部分启动javascript函数

Question

我正在制作一个有两个部分的单页网站。我添加了打字机效果（类似这样 - codepen.io/danielgroen/pen/VeRPOq ）到网站的第二部分。但是，一旦加载页面，此效果就会开始。如何在滚动到第二部分时启动效果？

<section>
 <div> 
   <p> hi how are you? </p>
 </div>
</section>
<section>
<h1> Hallo, Wij zijn Occhio! </h1>
</section>

Answer 1

您可以在滚动窗口和到达第二部分时运行效果

$(window).scroll(function() { 

      if ($(window).scrollTop() >  $("section:nth-of-type(2)").offset().top) {
             // run your effect here
      }

});