移动web页面,input获取焦点弹出系统虚拟键盘时,挡住input的解决方案
来源:互联网 发布:音乐加快软件 编辑:程序博客网 时间:2024/05/22 12:06
移动页面写定位时不用fixed定位
const brand = navigator.userAgent.indexOf(‘Android’)
if (brand > -1) {
const maxHeight = document.body.clientHeight
window.addEventListener(‘resize’, function () {
const presentHeight = document.body.clientHeight
if (document.activeElement.tagName === ‘INPUT’ || document.activeElement.tagName === ‘TEXTAREA’) {
if (presentHeight < maxHeight) {
// 隐藏底部导航
document.getElementById(‘footer’).style.display = ‘none’
window.setTimeout(function () {
document.activeElement.scrollIntoViewIfNeeded()
document.scrollIntoView(true)
}, 100)
} else {
document.getElementById(‘footer’).style.display = ‘flex’
}
}
})
}
- 移动web页面,input获取焦点弹出系统虚拟键盘时,挡住input的解决方案
- iOS下Html页面中input获取焦点弹出键盘时挡住input解决方案—scrollIntoView()
- iOS下Html页面中input获取焦点弹出键盘时挡问题
- 移动端点击输入框 input被弹出键盘挡住
- android虚拟键盘弹出时挡住EditText的解决方案
- web网页input框设置,点击input框弹出键盘,再收回键盘,焦点框会随页面滚动
- 移动端去掉点击input弹出的系统键盘
- H5禁止手机自带键盘弹出 input获取焦点时禁止手机键盘弹出
- 移动端开发,IOS、iPhone,表单input元素获取焦点时页面被放大的解决办法。
- 移动端开发,IOS、iPhone,表单input元素获取焦点时页面被放大的解决办法。
- web移动端Fixed在Input获取焦点时ios下产生的BUG及处理
- web移动端Fixed在Input获取焦点时ios下产生的BUG及处理
- web移动端Fixed在Input获取焦点时ios下产生的BUG及处理
- web移动端Fixed在Input获取焦点时ios下产生的BUG及处理
- web移动端Fixed在Input获取焦点时ios下产生的BUG及处理
- web移动端Fixed在Input获取焦点时ios下产生的BUG及处理
- web移动端Fixed在Input获取焦点时ios下产生的BUG及处理
- 我也不知道为什么iphone 虚拟键盘挡住了input输入框,解决方案
- node和npm版本更新
- VUE详细搭建过程(转)
- Java实训——创建一个窗体程序,实现简单的数学加、减法测试。
- NW温故而知新
- C++的类域、友元以及运算符重载
- 移动web页面,input获取焦点弹出系统虚拟键盘时,挡住input的解决方案
- jQUery表单删除
- 手把手教你下载微信公众号里的视频
- c++中友元函数
- Ubuntu 12.04 G++ Hello World 配置
- 在vue中引入jquery
- 分布式论文
- 因为数据库正在使用,所以无法获得对数据库的独占访问权---还原或删除数据库的解决方法
- Andrew Ng's deeplearning Course1Week4 Practice Questions(练习题)