title: How to disable page load?
body: <p>I have a <code>SVG</code> animation on my website,which placed in the middle of page, and when i enter to my website, page loading, and <code>SVG</code> animation automatically draw the image, so how can i do that <code>SVG</code> animation load when i scroll down?</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  
      (function(){ 
  
          document.onreadystatechange = () =&gt; {
  
              if (document.readyState === 'complete') {
  
                  /**
                  * Setup your Lazy Line element.
                  * see README file for more settings
                  */
  
                  let el = document.querySelector('#case');
  
                  let myAnimation = new LazyLinePainter(el, {"ease":"easeLinear","strokeWidth":4.6,"strokeOpacity":1,"strokeColor":"#2ECC70","strokeCap":"square","delay":320}); 
                  myAnimation.paint();
  
                  let el1 = document.querySelector('#clients');
  
                  let myAnimation1 = new LazyLinePainter(el1, {"ease":"easeLinear","strokeWidth":2.6,"strokeOpacity":1,"strokeColor":"#2ECC70","strokeCap":"square","delay":210});
  
                  myAnimation1.paint();
              }
          }
  
      })();
  
  &lt;/script&gt;
  </code></pre>