Necesito saber si una barra de desplazamiento vertical ha aparecido o no en la ventana del navegador. ¿Es posible usar jQuery o de otra forma?¿Cómo saber si las barras de desplazamiento han aparecido en el navegador (jQuery)?
De esta manera:
if (document.documentElement.scrollHeight === document.documentElement.clientHeight) {
//There is no vertical scrollbar
}
Esto no funciona en IE
Compare la altura del documento con la altura de la ventana. Si es más, probablemente haya una barra de desplazamiento a menos que la haya deshabilitado.
Wrong. La altura de la ventana incluye elementos de cromo, como barras de herramientas y menús. – SLaks
Ah sí, realmente quise escribir la altura de la ventana gráfica, mi culpa. – CharlesLeaf
Ésta es una entrada antigua, pero finalmente me dieron el código que también funciona en IE7. Espero que esto pueda ayudar a alguién.
var hasScrollbar = $('body').outerHeight() > $(window).height();
Esto no funciona para elementos posicionados absolutamente que están más allá de la ventana gráfica (causando barras de desplazamiento) cuando el cuerpo es pequeño. –
La barra de desplazamiento puede estar explícitamente oculta a través de 'body {overflow-y: hidden; } ', en cuyo caso su código informaría un falso positivo ... –
Esto tampoco funciona cuando el cuerpo es pequeño, pero un elemento completamente posicionado se ha movido parcialmente más allá de la ventana gráfica y ha causado que el UA muestre barras de desplazamiento (el alto/ancho del cuerpo no cambia en esa instancia, pero definitivamente hay barras de desplazamiento presentes). –