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');
        }
      });
    }

猜你喜欢

转载自www.cnblogs.com/luffyc/p/9172021.html
今日推荐