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