Autoscroll eines DIV’s mit JavaScript

by Bernhard Wurm 7. January 2011 07:39

Mithilfe einer Log-Funktion möchte ich kurz eine nette Auto-Scroll-Funktion vorstellen.

Nehmen wir eine Funktion die Logging mit Javascript ermöglicht, indem in ein DIV der Inhalt hinzugefügt wird. Die Herausforderung: Jeder Log-Eintrag wird chronologisch unten angereiht. Daher sollte der Scrollbalken immer unten stehen. – Also muss ein Auto-Scroll-Mechanismus her:

function log(msg) {
    $("#log").append(msg).append("<br />")
        .scrollTop(document.getElementById("log").scrollHeight);
}

So einfach gehts Smile

Viel Spass!

Categories: jQuery

Add comment




  Country flag

biuquote
  • Comment
  • Preview
Loading