Pregunta ¿Cómo desplazarse automáticamente al final de div cuando se agregan datos? [duplicar]


Esta pregunta ya tiene una respuesta aquí:

tengo un table dentro de una div con el siguiente estilo:

#data {
    overflow-x:hidden;
    overflow-y:visible;
    height:500px;
}

Esto muestra una barra de desplazamiento vertical una vez que se agregan suficientes datos a la tabla. Sin embargo, cuando se agreguen nuevos datos, me gustaría div elemento para desplazarse automáticamente a la parte inferior.

¿Qué código de JavaScript podría usar para hacerlo? Estoy abierto a las opciones en JQuery si es necesario, pero preferiría una solución de JavaScript.


74
2017-09-05 04:39


origen


Respuestas:


Si no sabe cuándo se agregarán los datos a #data, puede establecer un intervalo para actualizar el scrollTop del elemento a su scrollHeight cada dos segundos. Si está controlando cuando se agregan datos, simplemente llame al interno de la siguiente función después de que se hayan agregado los datos.

window.setInterval(function() {
  var elem = document.getElementById('data');
  elem.scrollTop = elem.scrollHeight;
}, 5000);

110
2017-09-05 04:45



var objDiv = document.getElementById("divExample");
objDiv.scrollTop = objDiv.scrollHeight;

38
2017-09-05 04:44