var wHeight = window.innerHeight; //获取初始可视窗口高度
$(window).resize(function () { //监测窗口大小的变化事件
var hh = window.innerHeight; //当前可视窗口高度
var viewTop = $(window).scrollTop(); //可视窗口高度顶部距离网页顶部的距离
if (wHeight > hh) { //可以作为虚拟键盘弹出事件
$("body,html").animate({scrollTop: viewTop + 100}); //调整可视页面的位置
} else { //可以作为虚拟键盘关闭事件
$("body,html").animate({scrollTop: viewTop - 100});
}
wHeight = hh;
});
移动web 捕获虚拟键盘弹出和关闭事件
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 背景: Html5登录表单,但是登录表单下面有内容是固定在页面最底部。这种布局下,当键盘弹出输入时,ios手机上是...