博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
fullpage 中输入框弹起 页面上移问题处理
阅读量:5365 次
发布时间:2019-06-15

本文共 889 字,大约阅读时间需要 2 分钟。

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

 

转载于:https://www.cnblogs.com/luffyc/p/9172021.html

你可能感兴趣的文章
OpenLayers绘制图形
查看>>
tp5集合h5 wap和公众号支付
查看>>
Flutter学习笔记(一)
查看>>
iOS10 国行iPhone联网权限问题处理
查看>>
洛谷 P1991 无线通讯网
查看>>
mysql asyn 示例
查看>>
数据库第1,2,3范式学习
查看>>
《Linux内核设计与实现》第四章学习笔记
查看>>
Docker 安装MySQL5.7(三)
查看>>
CSS: caption-side 属性
查看>>
CSS3中box-sizing的理解
查看>>
Web.Config文件配置之配置Session变量的生命周期
查看>>
mysql导入source注意点
查看>>
linux下编译安装nginx
查看>>
DLL 导出函数
查看>>
windows超过最大连接数解决命令
查看>>
12个大调都是什么
查看>>
angular、jquery、vue 的区别与联系
查看>>
Intellij idea创建javaWeb以及Servlet简单实现
查看>>
代理网站
查看>>