¿Cómo determino scrollHeight?

¿Cómo determino el scrollHeight de una división usando css overflow: auto?

He intentado:

$('test').scrollHeight();
$('test').height(); but that just returns the size of the div not all the content

En última instancia, estoy tratando de crear un chat y siempre tengo la barra de desplazamiento al mensaje actual en la pantalla.

Entonces estaba pensando en algo como lo siguiente:

var test = $('test').height();
$('test').scrollTop(test);

Gracias,

Brian

javascript jquery

— Brian
fuente

¿Qué hay de malo en usar scrollHeight ()?

— Badr Hari

@BadrHari: No hay scrollHeight()función en jQuery.

— TJ Crowder

es $ ('prueba'). get (0) .scrollHeight ();

— JFouad

Respuestas:

scrollHeight es una propiedad de JavaScript normal, por lo que no necesita jQuery.

var test = document.getElementById("foo").scrollHeight;

— Dennis
fuente

¡Gracias! Esto funcionó para mí: var height = document.getElementById ("chatLog"). ScrollHeight - $ ('# chatLog'). Height (); $ ('# chatLog'). scrollTop (altura);

— Brian

¿Qué pasa con la compatibilidad con el navegador? ¿Todas las versiones principales de los navegadores lo admiten? IE8 +?

— SexyBeast

@Cupidvogel La página MDN vinculada dice IE8 +

— Dennis

316

Las formas correctas en jQuery son:

$('#test').prop('scrollHeight') O
$('#test')[0].scrollHeight O
$('#test').get(0).scrollHeight

Espero eso ayude.

— Anmol Saraf
fuente

+1 por $ ('# test') [0] .scrollHeight, dado que el autor de la pregunta ya estaba usando jQuery.

— Jackson

Esta debería ser la respuesta aceptada, ya que responde a la pregunta.

— invot

Debería ser la respuesta aceptada. Tenga en cuenta que el propmétodo requiere jquery versión 1.6 o superior. +1 de mí

— Vayne

Tenga en cuenta que esto solo devuelve el scrollHeight del "primer" elemento encontrado y si algún elemento está actualmente "oculto", puede obtener un cero aquí incluso si otros tienen un scrollHeight positivo, FWIW :)

— rogerdpack

@rogerdpack ¡Buen punto señor! Aunque en este ejemplo está usando una ID en lugar de una clase como selector, por lo que debería estar bien, pero es un buen punto.

— dave4jr