JSFiddle - React, Tailwind, and code Playground

HTML

<div id="place"></div>
<div id="anim"></div>
<div id="place"></div>

CSS

#place {
    height: 1000px;
}
#anim {
    width: 300px;
    height: 300px;
    background: url('http://www.smileycat.com/miaow/archives/images/misc/layout_grid.gif');
}

JavaScript

var px = 1;
$(window).scroll(function() {

	var x = $(this).scrollTop();
    
    

		$("#anim").css('background-position', '0% ' + px*50 + 'px');
        px++;

});