javascript - Starting a Script while scrolling into view

Question

So I'm pretty new to this whole stuff and have a question about some code. I created a Webflow website and with a Script I found I want to write out words, which works fine. However, I want to achieve this effect multiple times while scrolling on the site. At the moment all the scripts are triggered at the same time (When the page finishes loading) and I would like to have it so that when I scroll over the section my Script starts.

Here is the Script:

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

Would appreciate some advice!

question from:https://stackoverflow.com/questions/65903627/starting-a-script-while-scrolling-into-view

Answer 1

You can use the onscroll event. Code example is below

<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>