show div content on scroll

by bartula

HTML

<div class="trigger"></div>

CSS

body{height:1000px}
.trigger{
background: url(http://theotherenlightenment.com/wp-content/uploads/2013/03/header-shadow.png)no-repeat center top;
width: 100%;
height: 25px;
position: fixed;
margin-top: 59px;
z-index: 9999;}

JavaScript

$(document).ready(function(){        
$(window).bind('scroll', function(){
    $(".trigger").toggle($(this).scrollTop() > 200);
});
});
  $(document).ready(function(){        
    $(".trigger").hide();
});