js|虚拟键盘挡住input标签，fixed元素

邓波home

于 2016-09-21 10:41:50 发布

阅读量2k

点赞数

分类专栏： web前端

http://www.shunar.cn http://www.geiar.com http://jgsxx.cn

本文链接：https://blog.csdn.net/dengboblog/article/details/52605416

版权

web前端专栏收录该内容

64 篇文章 1 订阅

订阅专栏

js|虚拟键盘挡住input标签

if(/Android [4-6]/.test(navigator.appVersion)) {
    window.addEventListener("resize", function() {
        if(document.activeElement.tagName=="INPUT" || document.activeElement.tagName=="TEXTAREA") {
            // alert(1);
             window.setTimeout(function() {
                 document.activeElement.scrollIntoViewIfNeeded();   
             },0);
        }
     })
 }

不过底部有个fixed 元素

 //虚拟键盘出现  底部dom元素隐藏
  document.write( '<style>.float-bottom{visibility:hidden}@media(min-height:' + ($( window ).height() - 10) + 'px){.float-bottom{visibility:visible}}</style>' );