javascript - ios input聚焦时,页面整个被推上去了
本文介绍了javascript - ios input聚焦时,页面整个被推上去了的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
需求其实很简单。就是在页面的底部固定一个input框,然后输入文字就可以了。
可是。。。在ios系统下。当这个input被聚焦时,整个页面都被顶上去了。。。。。。头部的内容都看不见了。
请问各位有木有什么好办法可以只让这个input框被顶上去,页面其他元素的位置不变？
tips:已经在网上查了好多,可是都解决不了 T.T
然后我试着干脆在input focus的时候把整个页面的position改成fixed,top:0;bottom:0;然后这样的话页面确实没有被顶上去了，可是input也不上去了，被那个键盘挡住了
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>scroll</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<style>
.btm{
position: fixed ;
bottom:0;
}
</style>
</head>
<body>
<div class="wrap" id='inp'>
<div class="content">
内容
</div>
<div class="btm">
<input type="text">
</div>
</div>
<script>
</script>
</body>
</html>解决方案
input 定位在底部别用 fixed，固定在底部可以使用 flex等其他方法
这篇关于javascript - ios input聚焦时,页面整个被推上去了的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
