就像这种情况，经过多番请教跟尝试，找到一个能解决这个问题的方法，但可能有点笨重。就是在当前d框里，设置offset的值，里边的值可以随意写，然后再下边给d框追加一个样式即可。
<!DOCTYPE HTML><HTML> <head> <Meta charset="UTF-8"> <Meta name="vIEwport" content="wIDth=device-wIDth,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <Meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" /> <Meta name="renderer" content="webkit"> <Title>解决iOS，layerd框被软键盘挤上去的问题</Title> <Meta name="description" content="" /> <Meta name="keywords" content="" /> <Meta name="robots" content="index,follow" /><!-- 搜索引擎抓取 --> <Meta name="apple-mobile-web-app-capable" content="yes"> <Meta name="apple-mobile-web-app-status-bar-style" content="black"> <Meta name="x5-fullscreen" content="true"> <Meta name="full-screen" content="yes"> <Meta name="screen-orIEntation" content="portrait"> <link rel="stylesheet" type="text/CSS" href="CSS/reset.CSS" /> <link rel="stylesheet" href="https://img.huiyiguanjia.com/CDNfile/bootstrap/bootstrap-3.3.7.min.CSS"> <script src="https://img.huiyiguanjia.com/CDNfile/jquery/jquery-2.1.2.min.Js"></script> <script src="https://img.huiyiguanjia.com/CDNfile/layer/layer-v3.1.1/layer/layer.Js"></script>s </head> <body> <div class="main"> <div class="dataDownload"> <style type="text/CSS"> input{ margin:20px 0; border-style: none; border: 1px solID blue; wIDth: 100%; } textarea{ wIDth:100% } /* .layui-layer-dialog{ left: 50%!important; top: 60%; } */ </style> <input type="text" ID="test"> <input type="text" ID="test"> <input type="text" ID="test"> <input type="text" ID="test"> <input type="text" ID="test"> <input type="text" ID="test"> <input type="text" ID="test"> <input type="text" ID="test"> <input type="text" ID="test"> <textarea rows="5" cols="100%"> </textarea> <input type="text" ID="test"> <input type="text" ID="test"> <input type="text" ID="test"> <input type="text" ID="test"> <input type="text" ID="test"> <input type="text" ID="test"> <input type="text" ID="test"> <input type="text" ID="test"> <textarea rows="5" cols="100%"> </textarea> <input type="text" ID="test"> <input type="text" ID="test"> <input type="text" ID="test"> <input type="text" ID="test"> <input type="text" ID="test"> <input type="text" ID="test"> <input type="text" ID="test"> </div> </div> </body></HTML><script type="text/JavaScript"> $("input,textarea").focus(function() { if ($(this).val() == ‘‘) { layer.msg(‘Question 2 cannot be empty.‘,{ icon: 7,offset:‘heightBox‘,time: 1001000 }); $(".layui-layer-dialog").CSS("top","60%") return false; } });</script>总结
以上是内存溢出为你收集整理的layerd窗在IOS上，被软键盘挤到上边的解决方法全部内容，希望文章能够帮你解决layerd窗在IOS上，被软键盘挤到上边的解决方法所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）