On Scroll Div hide, show

by Banzay

HTML

<div id="bottom-box"></div>

CSS

body {
 height:2000px;   
}

#bottom-box {
   position:fixed;
 width:200px;
 height:200px;
 margin-left:110px;
 margin-top:60px;
 background-color:red;  
 z-index:1;    
    
}

JavaScript

$(document).ready(function(){        
    $("#bottom-box").hide();
});
$(window).bind('scroll', function(){
    if($(this).scrollTop() > 200) {
        $("#bottom-box").show('slow');
    }
    else
    {
        $("#bottom-box").hide('slow');
    }
});