wake-up-neo.net

Wie scrolle ich automatisch zum Ende von div, wenn Daten hinzugefügt werden?

Ich habe ein table innerhalb eines div mit dem folgenden Stil:

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

Sobald der Tabelle genügend Daten hinzugefügt wurden, wird eine vertikale Bildlaufleiste angezeigt. Wenn jedoch neue Daten hinzugefügt werden, möchte ich, dass das div -Element automatisch nach unten scrollt.

Welchen JavaScript-Code könnte ich dazu verwenden? Ich bin offen für Optionen in JQuery, würde aber eine JavaScript-Lösung bevorzugen.

84
Drew Galbraith

Wenn Sie nicht wissen, wann Daten zu #data Hinzugefügt werden, können Sie ein Intervall festlegen, um den scrollTop des Elements alle paar Sekunden auf dessen scrollHeight zu aktualisieren. Wenn Sie steuern, wann Daten hinzugefügt werden, rufen Sie einfach die interne der folgenden Funktionen auf, nachdem die Daten hinzugefügt wurden.

window.setInterval(function() {
  var elem = document.getElementById('data');
  elem.scrollTop = elem.scrollHeight;
}, 5000);
124
VNO
var objDiv = document.getElementById("divExample");
objDiv.scrollTop = objDiv.scrollHeight;
42
Valamas