Tord002,
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.12.0/jquery.js"></script>
<style type="text/css">
.top_logo {
position: absolute;
width: 150px;
height: 132px;
left: 50%;
top: 50%;
margin-left: -75px;
margin-top: -66px;
background-color:#c2151a;
}
</style>
<title></title>
<script>
jQuery(function(f){
var element = f('#top_logo');
f(window).scroll(function(){ f('p').text(f(this).scrollTop())
if(f(this).scrollTop() < 200 && element.is(':hidden')) element.fadeIn(500)
else if(f(this).scrollTop() > 200 && element.is(':visible')) element.fadeOut(500)
});
});
</script>
</head>
<body>
<p style="width: 100%; height: 15px; position: fixed; top : 200px"></p>
<div style="height:100%">
<div id="top_logo" class="top_logo"></div>
</div>
<div style="min-height:1000px"></div>
</body>
</html>