控制div的滚动条到最底部

• 方法一：设置scrollTop到指定位置

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(); 
}