ocultar div al detener desplazamiento

[NueveReinas]

Lo he hecho usando jQuery, por si a alguien le sirve: http://jsfiddle.net/2en4u069/

Código HTML:

<div id="test"></div>
 

Código CSS:

html{
    width: 100%;
    height: 100%;
}
 
body{
    width: 100%;
    height: 200%;
}
 
div{
    width: 50%;
    height: 35%;
    background: red;
    margin: 0 auto;
}
 

Código Javascript:

var cuadro = $("#test");
 
var alturaTotal = cuadro.outerHeight();
 
$(window).scroll(function(){
   if ($(this).scrollTop() > alturaTotal){
    cuadro.css("display","none");
   };
});