javascript - 滚动到视图时启动脚本

Question

所以我对这一切都很陌生，并且对一些代码有疑问。我创建了一个 Webflow 网站，并使用一个脚本，我发现我想写出单词，效果很好。但是，我想在网站上滚动时多次实现这种效果。目前所有脚本都同时触发（当页面完成加载时），我想拥有它，这样当我滚动到我的脚本开始的部分时。

这是脚本：

 <script>
    var typed4 = new Typed('.typed-text2', {
    strings: ['Unser Angebot'],
    typeSpeed: 75,
    backSpeed: 25,
    bindInputFocusEvents: true,
    loop: false,
    cursorChar: '',
    backDelay: 1000,
    startDelay: 1000
  });
</script>

不胜感激一些建议！

Answer 1

您可以使用 onscroll 事件。代码示例如下

<div onscroll = "myFunction()">    
<script>
function myFunction(){
    var typed4 = new Typed('.typed-text2', {
    strings: ['Unser Angebot'],
    typeSpeed: 75,
    backSpeed: 25,
    bindInputFocusEvents: true,
    loop: false,
    cursorChar: '',
    backDelay: 1000,
    startDelay: 1000
  });
}
</script>
</div>