JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://benalman.com/code/projects/jquery-dotimeout/jquery.ba-dotimeout.js"></script>
<body style="min-height:2000px;min-width:2000px;">
<div class="fixed">
<ul>
<li>Test1</li>
<li>Test1</li>
<li>Test1</li>
<li>Test1</li>
</ul>
</div>
</body>
CSS
.fixed {
padding:20px;
border:1px solid #ccc;
position:absolute;
top:0;
left:0;
}
JavaScript
$(window).scroll(function(){
$.doTimeout( 'scroll', 250, function(){
$(".fixed").stop(false, true).animate({ "top" : $(window).scrollTop()}, 200);
});
});