ios input聚焦时,页面整个被推上去了

需求其实很简单。就是在页面的底部固定一个input框,然后输入文字就可以了。 
可是。。。在ios系统下。当这个input被聚焦时,整个页面都被顶上去了。。。。。。头部的内容都看不见了。
请问各位有木有什么好办法可以只让这个input框被顶上去,页面其他元素的位置不变?

tips:已经在网上查了好多,可是都解决不了 T.T
然后我试着干脆在input focus的时候把整个页面的position改成fixed,top:0;bottom:0;然后这样的话页面确实没有被顶上去了,可是input也不上去了,被那个键盘挡住了

<!DOCTYPE html>

<html>

<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>


牛魔王的故事
浏览 1468回答 2
2回答

qdinteresting

我搞了两天都没搞定这个问题? 网上的全是一些答非所问的

阿波罗的战车

input 定位在底部别用 fixed,固定在底部可以使用 flex等其他方法
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript