IOS下input获取焦点,弹出软键盘导致页面内容被顶上去

2019-06-26243次阅读javascriptIOS

抛弃position:fixed,使用Flex布局margin-top:auto。在IOS下input获取焦点,弹出软键盘导致页面回缩问题,内容被顶上去。不妨试试input失去焦点或者点击确定后通过javascript平滑滚动Element.scrollIntoView()让你的内容滚动到浏览器可视区域。

document.querySelector(".Screen2").scrollIntoView(true);

 

上一篇: 移动端横竖屏最佳实践  下一篇: JavaScript设计模式之装饰者模式  

IOS下input获取焦点,弹出软键盘导致页面内容被顶上去相关文章