在input点击触发focus时,软键盘弹出,底部的文字也跟着提上去,如何解决?

第一张图红框的文字默认的情况下,点击input文本框,会弹出键盘后,底部的文字也跟着键盘位置而变化。不想让它动,位置还在默认情况下的地方。
下面是灰色文字的样式表
.state_fixed{position: fixed; bottom:10px; width:100%; font-size: 12px; color:#777; text-align: center;}

图片描述

图片描述

阅读 8.8k
4 个回答
//输入框获得焦点时,文字隐藏
$(".targetInput").focus(function(){
    $(".state_fixed").hide();
})
//输入框失去焦点时,文字显示
$(".targetInput").blur(function(){
    $(".state_fixed").show();
})

还是用 absolute 吧

fixed相对于窗口进行固定 按照你的页面来看 这里用absolute更好吧~

$('html,body').height($(window).height())
 貌似是这样,不记得了,高度始终和手机屏幕一样大

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题