Verifique si div completo es visible para el usuario

Question

¿Hay alguna manera de verificar si el div es completamente visible para el usuario? Me refiero a que la barra de desplazamiento está posicionada de modo que todo el div cabe dentro de la ventana gráfica.

Answer 1

Esto es exactamente lo que este fue creado para: http://www.appelsiini.net/projects/viewport

Answer 2

Es necesario comprobar las posiciones de la barra de desplazamiento y el div en cuestión, y compararlas en el manejador de scroll evento:

$(window).scroll(function() { 
    var top = $(window).scrollTop(); 
    var bottom = top + $(window).height(); 
    var dtop = $('#mydiv').position().top; 
    var dbottom = dtop + $('#mydiv').height(); 

    if (dtop>=top && dbottom<=bottom) { 
     alert('okay!'); 
    } 
}); 

http://jsfiddle.net/mblase75/dMwMb/