¿Hay alguna manera de obtener la altura visible de toda la página desde el interior iframe
, $(window).height()
me da la altura iframe
s?
Respuesta
Si está utilizando marcos, puede obtener el alto de la ventana más externa utilizando window.top
en el constructor de jQuery. La altura de window.top
obtendrá la altura de la ventana del navegador.
$(window.top).height();
Editar: Se ha actualizado la referencia de window.top mientras Mozilla cambiaba su documentación.
¡Muchas gracias !:-D –
Nota: esto no funcionará si los marcos están en dos diferentes dominios, como con las aplicaciones de Facebook. –
Tampoco parece funcionar en jsFiddle cuando se ejecuta 'window.top.innerWidth' dentro del marco' result' en la consola de Chrome developer tools: 'DOMSception no detectada: Bloquea un marco con origen" https://fiddle.jshell.net "de acceder a un marco de origen cruzado". Supongo que la ventana "superior" está en el dominio 'https: // jsfiddle.net'. – user1063287
que siempre han utilizado este implementation
window.innerHeight or document.body.clientHeight or document.documentElement.clientHeight
dependiendo del navegador.
Pero no veo por qué $ (window) .height() de jquery no funciona para su altura visible?
Es porque lo uso dentro de un 'iFrame' en una aplicación de Facebook. El 'iFrame' es uno mismo si tiene una altura de 3500px, pero solo quiero saber la altura de la ventana de los usuarios. –
Ninguno de esos funciona. Me da la altura del 'iFrame' y no la altura del área visible de los navegadores. –
ya que está en un iframe. el objeto ventana solo hará referencia a tu página. la página principal tendrá un objeto de ventana diferente. Y creo que los problemas de dominio cruzado evitarán que accedas a los datos :(. Debe haber una forma en que Facebook te dé la altura total no? – MarutiB
- 1. ¿por qué $ (ventana) .height() está mal?
- 2. ningún archivo visible en la ventana QFileDialog
- 3. jquery $ (ventana) .width() y $ (ventana) .height() devuelven valores diferentes cuando la ventana gráfica no se ha redimensionado
- 4. HTML DOM width + height of visible window
- 5. Altura de la ventana del iPad Safari
- 6. Obtener la altura de la ventana
- 7. extensión de cromo, ventana emergente altura
- 8. jQuery - altura div dinámica igual a la altura de toda la ventana
- 9. ¿Se puede vincular .resize() a $ (documento) en lugar de $ (ventana)?
- 10. CSS: Altura del área de texto como un porcentaje de la altura de la ventana gráfica
- 11. ExtJS ventana abierta con altura máxima
- 12. JS "Ventana" ancho-altura frente a "pantalla" ancho-alto?
- 13. jQuery height() devuelve 0 en un div visible, ¿por qué?
- 14. ¿cómo configuro la altura del contenedor DIV al 100% de la altura de la ventana?
- 15. Altura de ventana = "Auto" no funciona como se esperaba
- 16. en WPF ¿Cómo hago una cuadrícula de datos se ajusta a la altura de la ventana
- 17. Tamaño de la ventana emergente en android
- 18. Comprobar si div es visible en la ventana?
- 19. Obtener la altura/anchura de la ventana de WPF
- 20. Cambiar la altura de la ventana del Gstatus de Fugitive
- 21. Ventana de código de muelles VS2010 en el lugar incorrecto
- 22. Cómo establecer la altura de una ventana usando C#?
- 23. jQuery // var theHeight = altura de la ventana menos 50px?
- 24. javascript/jquery: ¿cómo obtengo la altura interior de la ventana?
- 25. Determine si una ventana es visible o no usando C#
- 26. diseño de WPF en una ventana
- 27. altura: 100% VS min-height: 100%
- 28. Tamaño de ventana de WPF
- 29. Cómo cambiar la altura div en el tamaño de la ventana?
- 30. hacer la cubierta DIV 100% de la ventana gráfica en lugar de 100% del cuerpo
¿Qué quiere decir "altura visible"? '$ (ventana) .height()' te da la altura del panel de vista. – lonesomeday
$ (ventana) .height() funciona mejor ya que es un navegador cruzado. Es decir, tu respuesta es mejor :). –
Necesito la altura visible de los navegadores, y no la altura del documento. Tengo un 'iframe' cuya altura se establece en 3500px, y si trato de obtener' $ (window) .height(); 'solo me da 3500px; –