IOS 中,弹窗采用fixed定位时,input获取焦点光标错位的解决方法。
<div class="layer">
<div class="masker">
<div class="content">
<div class="form">
<div class="form-control">
<label for="name">姓名:</label>
<input type="text" id="name">
</div>
</div>
<div class="close"></div>
<div id="collect" class="collect"></div>
</div>
</div>
</div>
复制代码
平常写法为,将.layer
进行.fixed
定位,然后.content
进行.absolute
定位。 但是在IOS中有input
时会发生光标错位,我的解决方法为: 将.layer
进行absolute
定位,随之而来的问题是:页面长度 超过 屏幕高度时,无法相对于屏幕居中弹层.content
。 最终解决方案:
-
①
.layer
设置定位absolute
-
② 弹窗弹出的时候将body设置
float
&高度设置为屏幕的高度
$("body").addClass("float").height(windowHeight);
复制代码
-
③ 弹窗隐藏的时候将body去掉
float
&高度设置为原高度
$("body").removeClass("float").height(auto);
复制代码