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

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

_Mrs_03249416
浏览 3982回答 1
1回答

woshiajuana

做移动页面,尽量避免使用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;}
打开App,查看更多内容
随时随地看视频慕课网APP