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');
            }
          });
        }
  • 相关阅读:
    anaconda安装TensorFlow
    复习NLP-实战(三)
    复习NLP-实战(二)
    复习NLP-实战(一)
    python爬虫实战
    WebSocket实战(一)
    不上传图片直接本地预览
    oracle导出
    使用正则表达式验证学习成绩分数
    限制文本框,文本域输入的字符数量
  • 原文地址:https://www.cnblogs.com/luffyc/p/9172021.html
Copyright © 2011-2022 走看看