Html5的
scrollIntoView
屬性( DOM元素的scrollIntoView()方法是一個IE6瀏覽器也支持的原生JS API,可以讓元素進入視區,通過觸發滾動容器的定位實現)
function scrollToView() {
var element = document.getElementById("box");
//元素下邊框與視窗底部齊平,不傳參則表示元素上邊框與視窗底部齊平
element.scrollIntoView(false);
}
document.querySelector('input').addEventListener('blur',function(){
// 當input失去焦點調用此方法使得頁面回到可視范圍
scrollToView();
})
日后再遇到控制窗體滾動高度的需求,不要猶豫,document.scrollingElement用起來