添加元素时,可以滚动到div的末尾或包含todo元素的任何内容,使用
window.scrollTo(0,document.querySelector("<you div>").scrollHeight);
添加Element.ScrollinToView()后,可以使用它。
例如:
function addElement(text) {
// create a new element
const element = document.createElement('p');
element.innerText = text;
// get the list where you want to add the element
const list = document.getElementById("myList");
list.appendChild(element);
// scroll to it
element.scrollIntoView();
}
有关兼容性的更多信息,您应该查看https://developer.mozilla.org/de/docs/web/api/element/scrollintoview.它被标记为实验性的,但所有常见的浏览器都支持它。