css3软键盘不盖住输入框的方法详解编程语言

css3软键盘不盖住输入框的方法

弹出软键盘的时候 最外面的容器高度就发生了变化 要减去软键盘高度了

var bodyheight
 bodyheight = $('body').height();
 var bodywidth = $('body').width();
 $('.p6a input').on('click', function() {
 var inputwarptop = $(this).parents('.inputwarp').position().top;
 $('.p6a').css('height', bodyheight);
 $('.p6a').css('width', bodywidth);
 $('.p6a_bg').css('height', bodyheight);
 $('.p6a_bg').css('width', bodywidth);
 $('.swiper-container').css('height', bodyheight);
 $('.swiper-container').css('width', bodywidth);
 $('.swiper-container').css('top', '-' + (inputwarptop - 100) + 'px');
 $('.swiper-slide').css('height', bodyheight);
 $('.swiper-slide').css('width', bodywidth);
 //判断是否关闭键盘
 setTimeout(function() {
 var aa = setInterval(function() {
 var actbodyheight = $('body').height();
 if (bodyheight == actbodyheight) {
 $('.swiper-container').css('top', '0px');
 clearInterval(aa);
 }
 }, 200)
 }, 1000)
 })