javascript - 仅在特定部分启动 javascript 函数

标签 javascript jquery html css

<分区>

我正在制作一个包含两个部分的单页网站。我添加了打字机效果(像这样- codepen.io/danielgroen/pen/VeRPOq ) 到网站的第二部分。然而,这种效果在页面加载后就开始了。如何只在滚动到第二部分时才启动效果?

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

最佳答案

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

$(window).scroll(function() { 

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

});

关于javascript - 仅在特定部分启动 javascript 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44800108/

上一篇:javascript - 是否可以通过javascript/html/css在JPEG图像的某个地方添加两个电话号码作为链接

下一篇:html - 水平列表不起作用

相关文章:

javascript - 使用 javascript 附加适合设定尺寸的图像

javascript - 无法在输入表单提交中捕获未定义的错误

php - 均衡列之间的内容

javascript - 处理表单时禁用提交按钮

javascript - 动态图像生成在 ~50 张图像后给出红色 x

javascript - 使用 jQuery 显示带有位于顶部的箭头的 div 的方法

javascript - Express.js 4 路由与 router.route 不匹配

python - Jinja2 - 以 x 为一组呈现列表项

javascript - CSS3在jsfiddle中调整高度

javascript - 从div获取innerHTML值onclick(在javascript中)