¿Cómo establezco la barra de desplazamiento textarea en la parte inferior como predeterminada?

Tengo un área de texto que se está recargando dinámicamente a medida que se envía la entrada del usuario. Se refresca cada par de segundos. Cuando la cantidad de texto en este área de texto excede el tamaño del área de texto, aparece una barra de desplazamiento. Sin embargo, la barra de desplazamiento no es realmente utilizable porque si comienza a desplazarse hacia abajo, un par de segundos más tarde el área de texto se actualiza y trae la barra de desplazamiento hacia arriba. Quiero establecer la barra de desplazamiento para mostrar de forma predeterminada el texto más inferior. Alguien tiene un idea de cómo hacerlo?

Author: moesef, 2012-02-07
Source

2 answers

Bastante simple, en javascript vainilla:

var textarea = document.getElementById('textarea_id');
textarea.scrollTop = textarea.scrollHeight;
 135
Author: Will P.,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2012-02-07 03:42:50

Puede usar esto con jQuery

$(document).ready(function(){
    var $textarea = $('#textarea_id');
    $textarea.scrollTop($textarea[0].scrollHeight);
});
 43
Author: Mahfud Harun,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-01-04 11:37:14