如何修复ios(ipad)中的页眉和页脚部分?我正在使用jquery键盘

如何修复ios(ipad)中的页眉和页脚部分?我正在使用jquery键盘,jquery,css,ipad,header,footer,Jquery,Css,Ipad,Header,Footer,几天以来,我一直在试图解决这个问题,问题是当我专注于文本字段时,我的页眉和页脚会出现在屏幕中间。我不是在使用ipad键盘,而是在我的应用程序中使用jquery键盘 目前,我已经尝试了以下解决方案: (一) (二) (三) write(“#页脚{可见性:隐藏}@media(最小高度:”+($(window.height()-10)+'px){#页脚{可见性:可见}}”); 这些解决方案我曾试图重新思考这个问题,但没有一个效果很好。 请帮我解决这个问题 非常感谢 $(document).on('

几天以来,我一直在试图解决这个问题,问题是当我专注于文本字段时,我的页眉和页脚会出现在屏幕中间。我不是在使用ipad键盘,而是在我的应用程序中使用jquery键盘

目前,我已经尝试了以下解决方案: (一)

(二)

(三)


write(“#页脚{可见性:隐藏}@media(最小高度:”+($(window.height()-10)+'px){#页脚{可见性:可见}}”);
这些解决方案我曾试图重新思考这个问题,但没有一个效果很好。 请帮我解决这个问题

非常感谢

$(document).on('focus', 'input,tex', function () {
$('div[data-role="header"]').css('position', 'relative');
$('div[data-role="footer"]').css('position', 'relative');
$(document).scrollTop(document.body.scrollHeight);
$(document).trigger("refresh");
})
.on('blur', 'input,text', function () {
$('div[data-role="header"]').css('position', 'fixed');
$('div[data-role="footer"]').css('position', 'fixed');
});
  $(document).on('blur', 'input, text', function() {
    setTimeout(function() {
    window.scrollTo(document.body.scrollLeft, document.body.scrollTop);
    }, 0);
    });
<script type="text/javascript">
        document.write( '<style>#footer{visibility:hidden}@media(min-height:' + ($( window ).height() - 10) + 'px){#footer{visibility:visible}}</style>' );
    </script>