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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM