码迷,mamicode.com
首页 > 其他好文 > 详细

input 唤起键盘后遮住页面元素

时间:2018-03-26 12:40:43      阅读:123      评论:0      收藏:0      [点我收藏+]

标签:span   pos   cti   win   col   安卓   body   元素   position   

var windheight = $(window).height();  /*未唤起键盘时当前窗口高度*/
        
$(window).resize(function(){
   var docheight = $(window).height();  /*唤起键盘时当前窗口高度*/        
   if(docheight < windheight){            /*当唤起键盘高度小于未唤起键盘高度时执行*/
      $(".submit").css("position","static");
   }else{
      $(".submit").css("position","fixed");
   }           
});

安卓手机上 唤起输入键盘时会出发 resize 事件,

根据当前窗口高度的变化单独设置css (调整元素位置等

input 唤起键盘后遮住页面元素

标签:span   pos   cti   win   col   安卓   body   元素   position   

原文地址:https://www.cnblogs.com/echolife/p/8649680.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!