U.Helper

<div style='position: fixed; width: 50px; height: 50px; top: 20%; left: 20px; background: #555555;' id='foo'>
</div>

<script type='text/javascript'>
var col = $("#foo"), def = col.offset().left;
$(window).scroll(function () {
col.css("left", def - document.body.scrollLeft);
});
</script>

$(window).scroll(function (){var c=$('#id');
if(document.body.scrollLeft>0){
c.css({'position':'static','margin-top':'15px'})
}else{c.css({'position':'fixed','margin':0}}
});