javascript - 在input点击触发focus时,软键盘弹出,底部的文字也跟着提上去,如何解决?
PHPz
PHPz 2017-04-10 16:07:54
[JavaScript讨论组]

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

PHPz
PHPz

学习是最好的投资!

全部回复(4)
伊谢尔伦
//输入框获得焦点时,文字隐藏
$(".targetInput").focus(function(){
    $(".state_fixed").hide();
})
//输入框失去焦点时,文字显示
$(".targetInput").blur(function(){
    $(".state_fixed").show();
})
迷茫

还是用 absolute 吧

迷茫

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

巴扎黑

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号