Dynamically Scrolling a Textarea

Question

I have a textarea html element on my page that gets reloaded via ajax. The whole textarea is returned each time not just its content, and the content grows over time. Along

Answer 1

For using like textarea in your example give your textarea a name like "id=LiveTextArea"

Then add buttom of your javascript this (LiveTextArea is the id name):

LiveTextArea.scrollTop = LiveTextArea.scrollHeight;

So would look like:

var textArea = document.getElementById('outputTextResultsArea');

textArea.scrollTop = textArea.scrollHeight;

Now the textarea will dynamicly scroll caret/down on any new entry.