首页 > 后端开发 > php教程 > javascript - 怎么解决苹果5中input获取焦点,软键盘遮挡input的问题

javascript - 怎么解决苹果5中input获取焦点,软键盘遮挡input的问题

WBOY
发布: 2023-03-02 09:10:01
原创
1215 人浏览过

现在遇到一个问题就是wap页面在苹果5手机上获取焦点的时候会出现遮挡输入框的问题,怎么解决呀?
javascript - 怎么解决苹果5中input获取焦点,软键盘遮挡input的问题

回复内容:

现在遇到一个问题就是wap页面在苹果5手机上获取焦点的时候会出现遮挡输入框的问题,怎么解决呀?
javascript - 怎么解决苹果5中input获取焦点,软键盘遮挡input的问题

其实@三月懒驴 就是解决方法,也可参考weui demo中的。。。
javascript - 怎么解决苹果5中input获取焦点,软键盘遮挡input的问题

为什么会挡住呢?个人猜测,你用了百分比来写定位~如果要用百分比来写的话,最外层的html height不要写100%,用JS把页面高度赋予它就好了

这个是由于position:fixed的原因导致的。解决方案:在获取焦点时用relative换掉fixed

@码疯 大家不用fixed写吧。可以判断点击时输入框上移也是一种解决办法。

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板