JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<h1>
Hello --> Scroll Down
</h1>
<div style="height: 800px;">
</div>
<h1>
Hello Again
</h1>
<div style="height: 800px;">
</div>
<h1>
And Again...
</h1>
</body>

CSS

body {
 font-family: 'Open Sans', sans-serif;
 background-image: url("http://vrexpert.virtualrealities.netdna-cdn.com/wp-content/uploads/2015/12/Google5.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  background-attachment: fixed;
  overflow-x: hidden !important;
}