NueveReinas

HTML

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

CSS

html{
	width: 100%;
	height: 100%;
}

body{
	width: 100%;
	height: 200%;
}

div{
	width: 50%;
	height: 35%;
	background: red;
	margin: 0 auto;
}

JavaScript

var cuadro = $("#test");

var alturaTotal = cuadro.outerHeight();

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