JSFiddle - React, Tailwind, and code Playground

by apoucoz

HTML

<img src="http://imapo.ru/img/ray.png" class="apoparallax">

CSS

body {
  background: url(http://imapo.ru/img/1729110_night.jpg) no-repeat;
  background-size: cover;
  min-height: 2000px;
}

.apoparallax {
  width: 900px;
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -450px;
}

JavaScript

$(function() {
  $(window).bind('scroll', function(e) {
    var scrolled = $(window).scrollTop();
    $('.apoparallax').css('top', (0 + (scrolled * .35)) + 'px');
  });
});