zoukankan      html  css  js  c++  java
  • input 框被键盘遮挡

    e为input框的序号

    方法一:解决了部分浏览器的问题,比如uc,但是手机自带浏览器还是有问题的,比方说荣耀

    var inputs = document.getElementsByTagName('input')[e];//input被键盘遮挡
    setTimeout(function() {
    inputs.scrollIntoView(true);
    inputs.scrollIntoViewIfNeeded();
    }, 200)

    方法二:解决了自带浏览器的问题

    toView: function(node) { //让input框获得焦点时出现在键盘上方
    var winHeight = $(window).height(); //获取当前页面高度
    $(window).resize(function() {
    var thisHeight = $(this).height();
    if(winHeight - thisHeight > 50) {
    //当软键盘弹出,在这里面操作
    $('body').css('height', winHeight + 'px');
    } else {
    //当软键盘收起,在此处操作
    $('body').css('height', '100%');
    }
    });
    },

     

    结合方法一 和 方法二 就ok

  • 相关阅读:
    快速排序算法
    DirectX9(翻译):介绍
    奇葩的面试题
    新博客
    OpenCV2:幼儿园篇 第八章 视频操作
    编程规范:位运算
    编程规范:allocator
    深浅copy和浅copy
    模块和包
    递归函数
  • 原文地址:https://www.cnblogs.com/92xcd/p/8867447.html
Copyright © 2011-2022 走看看