ocultar div al detener desplazamiento

[pithon]

No consigo ocultar un div al parar el desplazamiento pero ocultarlo al pasar un segundo hice algo asi:

Código Javascript:

var timer=null;
window.addEventListener("scroll", function(){
    var div=document.getElementById("capa");    
       if(timer !== null) {
         clearTimeout(timer);       
       }
       timer = setTimeout(function(){
         if(div.style.display=="block"){
        div.style.display="none";
        }
    
       }, 150);
});
 

funciona bien pero no sin el retraso de un segundo.
saludos

Perdon, me equvoque queria ponerlo en el foro de javascript.

[Alexis88]

Puedes hacerlo de dos formas.

Por el valor computado de la propiedad display:

Código Javascript:

if (getComputedStyle(div).display == "block"){
    //Instrucciones
}
 

O por su ancho o alto, ya que cuando un elemento está oculto, sus medidas son iguales a cero:

Código Javascript:

//Por su ancho
if (div.offsetWidth > 0){ //O simplemente if (div.offsetWidth)
    //Instrucciones
}
 
//Por su alto
if (div.offsetHeight > 0){ //O simplemente if (div.offsetHeight)
    //Instrucciones
}
 

Saludos

[pithon]

Hola gracias, pero como lo retraso 1 segundo antes de ocultarlo probé igual setTimeout pero no siempre funciona.
Un saludo.

[Alexis88]

Pues qué raro porque lo probé con el retraso de un segundo y sí funciona.

Saludos

[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");
   };
});
 

[Alexis88]

Estimado NueveReinas:

Te insto a publicar código relacionado al framework jQuery en el foro destinado para el mismo y no en este. Tratemos de trabajar en este foro solamente con código JavaScript nativo. Cualquier otro problema en el que se esté utilizando algún framework de JavaScript, puede ser tratado en el foro de Frameworks JS o en el de jQuery.

Saludos

[pithon]

Hola, tenias razón Alexis88, me funciona bien ya no se que pasaba, saludos.