zoukankan      html  css  js  c++  java
  • fullpage 中输入框弹起 页面上移问题处理

    fullpage页面要是有输入框的话  点击输入框 键盘弹出的时候会把输入框也顶起来 页面就会向上移 但是键盘收回的时候页面还是上移的状态

    对于这个问题只在android手机上出现  为了解决这个问题 我想到一个方法

    fullpagejs 会自动在页面生成一个类名为 fp-section 的外层标签 只需在键盘弹出的时候改变这个div的位置 向上移一定百分比 键盘收回的时候返回原来位置就可以

    下面是代码

    //判断是否是android
        var u = navigator.userAgent;
        var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
        //android处理输入框问题
        if (isAndroid) {
          var clientHeight = document.documentElement.clientHeight || document.body.clientHeight; //最初进来的窗口高度
          $(window).on('resize', function() {
            var nowClientHeight = document.documentElement.clientHeight || document.body.clientHeight; //变化后窗口的高度
            if (clientHeight > nowClientHeight) {
              //键盘弹出事件处理
              $('.fp-section').css('top', '-28%');
            } else {
              //键盘收起事件处理
              $('.fp-section').css('top', '0');
            }
          });
        }
  • 相关阅读:
    Json2JsonArray JsonArray2StringArray
    循环结构
    类型转换代码
    字符串的截取拼接
    循环语句,选择结构的相关代码
    Java代码2-运算符简单运用
    Java代码1
    集合框架
    接口
    继承多态
  • 原文地址:https://www.cnblogs.com/luffyc/p/9172021.html
Copyright © 2011-2022 走看看