JSFiddle - React, Tailwind, and code Playground

by tucado

HTML

<h1>Motion</h1>

CSS

body {

      min-height:4000px;
      background-image: url("http://www.socialgalleryplugin.com/wp-content/uploads/2012/12/social-gallery-example-source-unknown-025.jpg");
    }

    h1 {margin-top:300px;}

JavaScript

(function(){

      var parallax = document.querySelectorAll("body"),
          speed = 0.5;

      window.onscroll = function(){
        [].slice.call(parallax).forEach(function(el,i){

          var windowYOffset = window.pageYOffset,
              elBackgrounPos = "50% " + (windowYOffset * speed) + "px";

          el.style.backgroundPosition = elBackgrounPos;

        });
      };

    })();