解决页面顶部用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;}