当前位置:   article > 正文

H5页面input输入框,在ios手机中被顶出页面解决方案_input框在ios中输入的时候文字高度会被顶出框

input框在ios中输入的时候文字高度会被顶出框

input输入框获取焦点的时候,输入框被键盘定出页面,解决方案如下:

页面布局如下:html:

div class="cdSearch-content">	
<input data-component="SearchInput" type="tel" class="cdSearch-frame"  data-keyboard-type="2" placeholder="请输入银行账号后6位" maxlength="6" />
</div>
  • 1
  • 2
  • 3

js代码如下:

$('.cdSearch-frame').bind('focus',function(){
      $("#cdTrade_title_wrap").css('position','static')
  }).bind('blur',function(){
       $("#cdTrade_title_wrap").css({'position':'fixed','top':'0'});
})
  • 1
  • 2
  • 3
  • 4
  • 5
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/知新_RL/article/detail/321505
推荐阅读
相关标签
  

闽ICP备14008679号