ios弹出软键盘时fixed失效及点击空白处隐藏层的解决办法

标签：

一、实现点击按钮弹出层和点击空白处隐藏层，event.stopPropagation()是关键，阻止传导。

<script type="text/javascript">
$(function () {
$(‘#btnShow‘).click(function (event) {
event.stopPropagation();
$(‘#div_apply‘).toggle();
});
$(document).click(function (event) { $(‘#div_apply‘).hide() });
})
</script>

二、ios中，页面使用position:fixed定位头部或尾部，而页面中同时具有input或textarea输入框，在输入框获取焦点，弹出软键盘时，原本固定在头尾的栏会跑到页面中间，解决办法是判断在ios下将定位方式修改为绝对定位

<script type="text/javascript">
if(/iphone|ipad|ipod/i.test(navigator.userAgent))
{
$(".head").css("position", "absolute");
};
</script>

ios弹出软键盘时fixed失效及点击空白处隐藏层的解决办法

标签：

原文地址：http://www.cnblogs.com/wildorchid/p/4736659.html