zoukankan      html  css  js  c++  java
  • 手机输入框被软键盘遮住的问题

    最近做登录模板,在测试的时候发现手机输入框会被软键盘遮住,遇到这个问题,我就上网百度解决办法。

    然后在segmentfault上面找到了答案,代码如下。

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

    加这个方法有一个需要注意的点就是背景图绝对不能用fixed定位。所以如果背景图片必须占满屏,可以尝试用js去获取屏幕的高度,并把高度赋值给背景图的标签,栗如:

    $('.login_bg').height($(window).height());

    原链接地址:https://segmentfault.com/q/1010000008593521?_ea=1690131

  • 相关阅读:
    【C-数据类型 常量 变量】
    【OC简介-类和对象】
    【ios面试总结】
    【OC基础语法考试】
    【C-01关键字】
    UI3
    ui2
    UI
    C++使用shell命令
    字典
  • 原文地址:https://www.cnblogs.com/winteronlyme/p/7410617.html
Copyright © 2011-2022 走看看