• 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

  • 相关阅读:
    任务08——第一次半月学习总结
    任务5
    任务4
    任务3
    任务2
    mission 01
    HTML-CSS-JS Prettify报错Node.js was not found
    **1279
    UVa 10735
    UVa 1515
  • 原文地址:https://www.cnblogs.com/92xcd/p/8867447.html
Copyright © 2020-2023  润新知