• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

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

PHP admin 1年前 (2018-06-08) 10次浏览 未收录 0个评论
文章目录[隐藏]

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

回复内容:

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

其实@三月懒驴 就是解决方法,也可参考weui demo中的。。。

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

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

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


39MO , 版权所有丨如未注明 , 均为原创丨转载请注明原文链接:javascript – 怎么解决苹果5中input获取焦点,软键盘遮挡input的问题
喜欢 (0)
[1353713598@qq.com]
分享 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址