解决方案

时间：2023-03-27 13:35:38 JavaScript

场景设备：pad模式：APP内置webview，固定横屏。场景：在弹出窗口中的表单中输入信息。实现：modal采用固定定位，flex布局，让form-container居中显示。...//此处省略n个表单

bug：当modal的高度固定为100时%，点击输入框，页面被键盘向上推，输入框被挤出视口。解决方法：#form-container{position:relative;}window.onresize=function(){//计算输入框和窗口顶部的距离lettoTop=document.activeElement.getBoundingClientRect().top;//滚动页面使输入框距顶部100px，顶部值为-100px；constformEle=document.getElementById("form-container")if(top<0){formEle.style.top=-top;}else{formEle.style.top=0;}}