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