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