javascript - 模态在 ipad 虚拟键盘后面重叠

Question

我正在使用自定义ui-dialog模式。这在台式机和安卓设备上运行良好。但是在 IOS 设备上，一旦虚拟键盘打开，就会出现问题。通常，一旦键盘显示，它就会将内容推到顶部。我已经使用position: absolute;并尝试过，relative但仍然无法正常工作。任何人都可以帮我解决这个问题..

标签： javascriptjquerycssipadkeyboard

Answer 1

尝试

<script>
if( navigator.userAgent.match(/iPhone|iPad|iPod/i) ) {
   var s = document.createElement('style'), styleSheet;
   document.head.appendChild(s);
   styleSheet = s.sheet;
   styleSheet.insertRule(".modal { position:absolute; bottom:auto; }", 0);
 }
</script>