var div = document.getElementById('scrollDiv');
div.innerHTML = div.innerHTML + 'time_' + now.getTime() + '<br />';
div.scrollTop = div.scrollHeight;
- 方法二:使用scrollIntoView方法将调用它的元素滚动到浏览器窗口的可见区域。
let element = document.getElementById("box");
element.scrollIntoView(); //元素的顶部将对齐到可滚动祖先的可见区域的顶部。
element.scrollIntoView(false); //元素的底部将与可滚动祖先的可见区域的底部对齐。
#对于新添加的元素有时可能不能立即获取到,此时可以设置个定时器
setTimeout(()=>{
let div=document.getElementById(id);
if(div){
div.scrollIntoView(false);
}
},200);
- 方法三:使用锚链接
在div底部添加带有id属性的子元素,并调用idIntoView函数.
function idIntoView(id){
let anchorLinkIntoView=document.getElementById("anchorLinkIntoView");
if(!anchorLinkIntoView){
anchorLinkIntoView = document.createElement("a");
anchorLinkIntoView.id="anchorLinkIntoView";
anchorLinkIntoView.style.display = "none";
document.body.appendChild(anchorLinkIntoView);
}
anchorLinkIntoView.href="#"+id;
anchorLinkIntoView.click();
}