JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div id="b100" class="background" style="background-image:url('http://ingodwetrustthemovie.com/bgImage/100.jpg')"></div>
    <div id="b101" class="background" style="background-image:url('http://ingodwetrustthemovie.com/bgImage/101.jpg')"></div>
    <div id="b102" class="background" style="background-image:url('http://ingodwetrustthemovie.com/bgImage/102.jpg')"></div>
    <div id="b103" class="background" style="background-image:url('http://ingodwetrustthemovie.com/bgImage/103.jpg')"></div>
    <div id="b104" class="background" style="background-image:url('http://ingodwetrustthemovie.com/bgImage/104.jpg')"></div>
    <div id="b105" class="background" style="background-image:url('http://ingodwetrustthemovie.com/bgImage/105.jpg')"></div>
    <div id="b106" class="background" style="background-image:url('http://ingodwetrustthemovie.com/bgImage/106.jpg')"></div>
    <div id="b107" class="background" style="background-image:url('http://ingodwetrustthemovie.com/bgImage/107.jpg')"></div>
    <div id="b108" class="background" style="background-image:url('http://ingodwetrustthemovie.com/bgImage/108.jpg')"></div>
    <div id="b109" class="background" style="background-image:url('http://ingodwetrustthemovie.com/bgImage/109.jpg')"></div>
    <div id="b110" class="background" style="background-image:url('http://ingodwetrustthemovie.com/bgImage/110.jpg')"></div>
    <div id="b111" class="background" style="background-image:url('http://ingodwetrustthemovie.com/bgImage/111.jpg')"></div>
    <div id="b112" class="background" style="background-image:url('http://ingodwetrustthemovie.com/bgImage/112.jpg')"></div>
    <div id="b113" class="background" style="background-image:url('http://ingodwetrustthemovie.com/bgImage/113.jpg')"></div>
    <div id="content">
        <div id="test">test div</div>
        here is some text
    </div>
</body>

CSS

body {
    color:#888;
}
.background {
	background-color:#000;
	background-attachment:fixed;
	background-repeat:no-repeat;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
}
.background,
#content {
    position:absolute;
    padding-bottom:100%;
    width:100%;
    top:0px;
    left:0px;
}

test {
    height:1000px;
}

JavaScript

$(document).ready(function () {
    switchImage();
});

$(window).scroll(function () {
    switchImage();
});

function switchImage() {
    var s = $(window).scrollTop()/10;
    var index = Math.floor(s / 5);

    $('.background').hide();
    $('.background').eq(index).show();
}