title: Element fade in on scroll PURE vanilla javascript
body: <p>I am looking to have elements fade in as you scroll to them. The catch is I need it in pure vanilla javascript...absolutely no jquery. Everything I am finding online is in jquery which is a struggle. I am using tweenMax for my animation.Thanks in advance for your help.</p>
  
  <pre><code>    if(window.scrollY &gt; 550){
      TweenMax.staggerFromTo(newProduct, 1, {opacity:0}, {opacity:1}, 0.5);
  }
  </code></pre>