社区
JavaScript
帖子详情
各位大神如何解决手机网页弹窗,里的input被输入法挡住的问题啊![
jjzzggkk
2018-07-17 10:13:13
...全文
698
3
打赏
收藏
各位大神如何解决手机网页弹窗,里的input被输入法挡住的问题啊![
[图片]
复制链接
扫一扫
分享
举报
写回复
配置赞助广告
3 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
Yuan_mingyu
2019-02-25
打赏
举报
回复
设置弹窗位置始终在最底部,输入法弹出后会把弹窗顶起来,这样的话就不会让输入法挡住input了
jjzzggkk
2018-07-18
打赏
举报
回复
求各位大佬给个好的解决方案啊!!
丰云
2018-07-18
打赏
举报
回复
没有好办法
不同的手机,不同的输入法,弹出框的高低不同,很难控制。
最好的做法,就是靠近顶部,相应弹出一个比较大的输入框,输入结束后,把内容回填到原输入框,弹出的大输入框再消失
相关推荐
安卓
手机
点击
input
框,会被键盘
挡住
的
问题
。
最近在做项目时,发现安卓
手机
的点击输入框后,键盘升起会把
input
框
挡住
,只能手滑显示出来,而苹果
手机
就没有这个
问题
。 后来发现这是安卓
手机
的机制
问题
。
解决
办法: 1.写个js即可(对于vue项目,将js写在mounted即可) // 处理安卓
手机
输入法
遮挡输入框
问题
(摘自WEUI) if ((/Android/gi).test(nav...
h5安卓浏览器,弹出框
里
的输入框被
输入法
挡住
的
问题
这个
问题
安卓
手机
有
问题
,ios系统是没
问题
的,只对安卓
手机
做了处理, 点击弹出框出来的时候,设置position: "absolute",这样输入的时候,弹出框还可以上下拉动 var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android
移动端
解决
input
被
输入法
挡住
的
问题
有过移动端web开发经验的人应该都会遇到这个
问题
,一个
input
在页面最底部或者偏下的位置,输入时由于
输入法
的弹出,在部分浏览器下由于不会自动计算window的高度,导致
input
被
输入法
挡住
。本文的
解决
方式是利用scrollTop来
解决
,在
input
获取焦点后,动态地设置body的高度并设置scrollTop到指定位置,这样可以保证
input
会滚动到
输入法
上方,失去焦点后再恢复原来的位置。有两种...
IOS 固定定位底部
input
输入框,获取焦点时弹出的
输入法
键盘
挡住
input
IOS 固定定位底部
input
输入框,获取焦点时弹出的
输入法
键盘
挡住
input
移动页面经常会做到这样一个效果,看下面的图片,重点就是那个固定定位的底部,
里
面有个
input
输入框,在输入字符的时候,安卓
手机
看着是完全没有
问题
!1、页面没有点击底部
input
的初始状态2、安卓
手机
下的样子,一切都是那么的正常,简直是完美。3、ios
手机
下,就是这么任性,没有办法,完全挡着了,挡着了,挡着了...,必须把...
移动端
解决
input
框被
输入法
挡住
的
问题
有过移动端web开发经验的人应该都会遇到这个
问题
,一个
input
在页面最底部或者偏下的位置,输入时由于
输入法
的弹出,在部分浏览器下由于不会自动计算window的高度,导致
input
被
输入法
挡住
。 本文的
解决
方式是利用scrollTop来
解决
,在
input
获取焦点后,动态地设置body的高度并设置scrollTop到指定位置,这样可以保证
input
会滚动到
输入法
上方,失去焦点后再恢复原来的位置。 有两种情况: 1、
input
在页面最底部,后面没有其他元素,这种情况我们可以获取窗口的高度减去
input
的高度再减
发帖
JavaScript
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
8.7w+
社区成员
22.4w+
社区内容
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
帖子事件
创建了帖子
2018-07-17 10:13
社区公告
暂无公告