JSFiddle - React, Tailwind, and code Playground

HTML

<header>
    <div id="fake_bg"></div>
</header>
<section>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus quibusdam nisi consequuntur numquam quas eligendi temporibus, ex, quos dolorum sequi laboriosam voluptatibus, rerum dolor modi repudiandae odit amet, eius autem.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus omnis reiciendis nesciunt corporis nam facere, repudiandae qui debitis, cupiditate dolor suscipit voluptatibus dolores quam earum consequuntur rerum assumenda ab cum!</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non nihil ipsam, consectetur earum quisquam nostrum, obcaecati, neque quo quas voluptatum cum ab fugit doloremque placeat officia sapiente quibusdam porro fuga.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non nihil ipsam, consectetur earum quisquam nostrum, obcaecati, neque quo quas voluptatum cum ab fugit doloremque placeat officia sapiente quibusdam porro fuga.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non nihil ipsam, consectetur earum quisquam nostrum, obcaecati, neque quo quas voluptatum cum ab fugit doloremque placeat officia sapiente quibusdam porro fuga.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non nihil ipsam, consectetur earum quisquam nostrum, obcaecati, neque quo quas voluptatum cum ab fugit doloremque placeat officia sapiente quibusdam porro fuga.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non nihil ipsam, consectetur earum quisquam nostrum, obcaecati, neque quo quas voluptatum cum ab fugit doloremque placeat officia sapiente quibusdam porro fuga.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non nihil ipsam, consectetur earum quisquam nostrum, obcaecati, neque quo quas voluptatum cum ab fugit doloremque placeat officia sapiente quibusdam porro fuga.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non...

CSS

body {
    background: url(http://hdwallpaperbackgrounds.net/wp-content/uploads/2016/07/background-pictures-2.jpg) no-repeat center center;
}

header {
    position: fixed;
    height: 70px;
    background-color: rgba(42, 50, 130, 0.8);
    top: 0;
    z-index: 1;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

section {
    height: 100em;
}
#fake_bg {
    position: absolute;
    width: 100%;
    background: url(http://hdwallpaperbackgrounds.net/wp-content/uploads/2016/07/background-pictures-2.jpg) no-repeat center center;
}

JavaScript

var fakeBg = $('#fake_bg').height($(document).height());
$(window).on('scroll', function(){
	fakeBg.css('margin-top', -$(this).scrollTop());
});