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