Detectar si un elemento es realmente visible

Si un elemento puede ser visto por el ser humano, con todos los siguientes deben ser verdaderas:Detectar si un elemento es realmente visible

jQuery(elem).is(':visible') vuelve true. In jQuery 1.3.2+, an element is visible if its browser-reported offsetWidth or offsetHeight is greater than 0.
visibility estilo no es hidden.
opacity estilo no es 0.

Sin embargo, estos no cubren todos los casos. Por ejemplo, un caso fácil que puedo pensar es, si un elemento cae fuera de una de las áreas visibles de sus antepasados y ese antepasado tiene un estilo overflow: hidden, entonces el elemento no se puede ver.

Cualquier plugin de ejemplos/jQuery existentes/etc. que cubren la mayoría (si no todas) de las posibilidades?

Fuente

2012-08-28 powerboy

¿Cuál es el problema real que está tryi ng para resolver? ¿Qué haces diferente si un objeto es visible o no? – jfriend00

¿Qué pasa con un objeto visible que cubre por completo el objetivo? ¿Lo consideras visible entonces? – nneonneo

He tratado de encontrar una solución para este mismo problema en el pasado, pero he fallado. El problema que quería resolver era comenzar una animación cuando un elemento canvas de HTML5 estaba "expuesto". Lo "arreglé" simplemente haciendo un bucle en la animación. – Adam

Es imposible detectar si un elemento puede ser visto por un ser humano o no. Éstos son algunos más casos que no se puede cubrir:

otra pestaña del navegador está abierto
otra aplicación oculta la ventana del navegador
el monitor se apaga
el usuario ha cerrado sus ojos. etc ..

[fin de ironía]

Fuente

2012-08-28 08:32:21 dokaspar

o si el elemento tiene un estilo como 'left: -999px' –

o el posicionamiento apila múltiples elementos uno encima del otro con el mismo índice z –

Detectar si un elemento es realmente visible

Respuesta

Cuestiones relacionadas