javascript - 如何溢出自动对焦的最后一个元素

Question

我开发Todo App。如果添加到新元素，滚动条将不会聚焦在页面底部。我怎么解决这个问题 ？

Answer 1

添加后可以使用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，它被标记为实验性的，但是所有常见的浏览器都支持它。