title: Parallax Scrolling not working
body: <p>I'm trying to incorporate parallax scrolling to my background where it moves at a slower rate relative to the web page content. I've been following tutorials but nothing is working I am stuck. Here is the jsfiddle - <a href="https://jsfiddle.net/batLeeyw/24/" rel="nofollow noreferrer">https://jsfiddle.net/batLeeyw/24/</a></p>
  
  <p>and here is the javascript. Sorry I have a lot of html / CSS so I will leave that in the fiddle link. Also my background image is not showing up in fiddle but it is static when its supposed to parallax in the browser.</p>
  
  <pre><code>function parallax(){
              var para = document.getElementById("parallax-layer");
              para.style.top = -(window.pageYOffset / 4)+"px";
          }
  
          window.addEventListener("scroll", parallax, false);
  </code></pre>