您现在的位置是:首页 > Javascript
当前栏目
[javascript] 解决移动端手机浏览器软键盘遮挡输入框问题
2023-02-18 15:37:06 时间
在手机端经常有这样的需求 , 最下面是输入框类似微信输入框 , 我们一般设置成了position:fixed
但是当点击到输入框的时候, 软键盘弹出来遮挡了输入框
其实解决这个问题非常简单 , 那就是让body滚动到最底部 , 我们给个滚动最大值就可以了
例如下面的jquery:
$(window).resize(function(){ $('body').scrollTop(99999999); });
当窗口大小变化时 , 滚动到最底部 ,微信也是这样的效果
$(window).resize(function(){
var docheight = $(window).height(); /*唤起键盘时当前窗口高度*/
console.log(docheight,windheight);
//_this.scrollBottom();
$('body').scrollTop(99999999);
// if(docheight < windheight){ /*当唤起键盘高度小于未唤起键盘高度时执行*/
// $(".chatBoxSend").css("position","static");
// }else{
// $(".chatBoxSend").css("position","fixed");
// }
});
相关文章
- Java-Jsp是什么原理又是什么
- Java-Jsp的一些语法与指令
- js正则表达式转义字符-4. 正则表达式的使用
- js正则表达式转义字符-【JavaScript正则表达式RegExp】
- 【全网最全】springboot整合JSR303参数校验与全局异常处理
- 安装typescript环境并开启VSCode自动监视编译ts文件为js文件
- 正则表达式语法-JavaScript中的正则表达式详解
- js 数组去除重复数据-5 个提升你 JS 编码水平的实例
- js 数组去除重复数据-Vue.js开发移动端经验总结
- React.js基础知识总结一
- React.js简单轮播图组件封装
- React.js基础知识 函数组件和类组件(二)
- js for in for of 的区别
- js正则表达式基础知识
- parcel打包Vue.js零配置
- javascript学习之Pointfree是什么
- javascript学习之函数组合
- javascript中柯里化
- javascript的纯函数,纯函数怎么定义
- javascript必须要知道的闭包,怎么调试闭包