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

如何解决如何溢出自动对焦最后一个元素

我开发了 Todo 应用。如果添加到新元素，滚动条不会聚焦页面底部。我该如何解决这个问题？

解决方法

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