问题描述,在ios微信端打开项目,输入信息,收起键盘后底部有空白。
原因:ios第三方键盘在收起时没有监听到
可以通过js控制键盘的显示和隐藏时页面的高度
首先引入jquery :npm install jquery --save-dev
webpack.base.conf文件中添加配置:
plugins:[ new webpack.ProvidePlugin({ $:"jquery", jQuery:"jquery", "windows.jQuery":"jquery" }) ],
在main.js中引入jquery: import $ from 'jquery';然后就可以开始使用了
var u = navigator.userAgent, app = navigator.appVersion;
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //判断是否是ios,函数只在ios下执行
if(isiOS){
$(document).on('focusin',function(){
let lengths = $(".changeHeight").height();
let val = lengths + 500;
$(".changeHeight").height(val);
})
$(document).on("focusout",function(){
let lengths = $(".changeHeight").height();
let val