JSFiddle - React, Tailwind, and code Playground

HTML

<div id="grid">
    
</div>

CSS

#grid{
    width: 60px;
    height: 60px;
    background-image: url('http://sandropaganotti.com/wp-content/uploads/2013/09/bianconero2.png');
    margin: 300px auto;
}
body{
    height: 1000px;
}

JavaScript

var grid = $('#grid').eq(0);
requestAnimationFrame(adjustposition);

function adjustposition(){
	"use strict";

	requestAnimationFrame(adjustposition);
	grid.css('background-position', $(window).scrollTop() % 2 === 0 ? '0 -60px' : '0 0');
}