滚动到视图时启动脚本答案

【问题标题】：Starting a Script while scrolling into view滚动到视图时启动脚本
【发布时间】：2021-04-30 08:55:06
【问题描述】：

所以我对这一切都很陌生，并且对一些代码有疑问。我创建了一个 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>

不胜感激！

【问题讨论】：

您是否希望在滚动显示该部分时触发它？

标签： javascript html jquery css webflow

【解决方案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>

【讨论】：

您好，非常感谢您的回答。所以我将代码添加到我的项目中，但它似乎不起作用。我需要改变 myFunction 吗？
我真的不知道，但是您可以使用此链接来提供帮助。 w3schools.com/jsref/event_onscroll.asp
好的，很抱歉做了一半的研究，但是我们忘记添加的内容就像只有一行。它是以下内容。 document.getElementById("myDIV").addEventListener("scroll", myFunction);将此行放在脚本标记中，但在函数之前。