Textarea auto-défilement vers le bas

J'ai un textarea que j'ai ajouter des données à avec textarea.value += "more text\n"; et j'aimerais que ce "séjour" défile vers le bas, de sorte qu'il serait toujours montrer la dernière ligne.

J'ai lu que je devrais faire:

var textarea = document.getElementById('textarea_id');
textarea.scrollTop = textarea.scrollHeight;

Mais j'ai essayé (http://jsfiddle.net/BenjiWiebe/mya0u1zo/) et je ne peux pas le faire fonctionner.

Ce que je fais mal?

Double Possible de Comment faire pour avoir un textarea pour garder défiler vers le bas lors de la mise à jour
Double Possible de Comment puis-je configurer un textarea barre de défilement vers le bas comme un défaut?

OriginalL'auteur BenjiWiebe | 2014-10-24

  1. 16

    Vous devez définir scrollTop chaque fois que vous ajoutez du texte:

    var textarea = document.getElementById('textarea_id');
setInterval(function(){
    textarea.value += Math.random()+'\n';
    textarea.scrollTop = textarea.scrollHeight;
}, 1000);

    http://jsfiddle.net/mya0u1zo/2/

    OK, Donc il n'y a pas de façon de le faire "coller" à la bas? Parce que j'ai plusieurs endroits dans mon code à ajouter du texte... mais je suppose que je pourrais créer une fonction append_text...
    Vous devez mettre à jour scrollTop si scrollHeight changements.

    OriginalL'auteur celeritas

  2. 0

    Pour répondre à la question de départ: depuis votre sortie de chaîne se termine par un saut de ligne, vous devez faire défiler avant la sortie, pas après (je garde mon id dans un objet appelé id):

    function Output(Msg)
  {
  ...
  id.Log.scrollTop=id.Log.scrollHeight;
  SetValue('Log',out);
  }

    OriginalL'auteur David Spector