解决页面顶部用position:fixed中有input文本框bug

Question

解决页面顶部用position:fixed中有input文本框bug,页面顶部用position：fixed固定，当页面滚动至第二屏，此时点击顶部的输入框，软键盘弹出，固定的顶部不再固定，而是悬浮，怎么解决

Answer 1

做移动页面，尽量避免使用fixed定位

页面布局你可以这样

<header></header>

<div class="container"></div>

<footer></footer>

css:

    header{position:absolute,height:100px;top:0;width:100%;left:0;}

    .container{position:absolute,top:100px;bottom:100px;width:100%;height:auto;left:0;}

    footer{position:absolute,height:100px;bottom:0;width:100%;left:0;}