IOS软键盘弹起 顶起页面使其脱离文档流 input失焦后 留下空白问题解决

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用起来