JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://spritely.net/scripts/jquery.spritely.js"></script>
<script src="http://spritely.net/scripts/jquery-ui-1.7.2.spritely.custom.min.js"></script>
<div id="bird"></div>

CSS

body{ height:2000px;

}
		#bird {
			background: transparent url('http://s14.postimg.org/obvgncq4v/bird_forward_back.png') 0 0 no-repeat;
			position: fixed;
			top: 150px;
			left: 65px;
			width: 180px;
			height: 123px;
			z-index: 2000;
			cursor: pointer;
				
		}

JavaScript

$(window).scroll( function() {
	


$('#bird')
.sprite({fps: 1, no_of_frames: 16, rewind: true	})

});

$(window).scroll(function() {	
 clearTimeout($.data(this, 'scrollTimer'));
 $.data(this, 'scrollTimer', setTimeout(function() {
       
        


$('#bird').spStop()

    }, 250));

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


$('#bird').spStart()

});