首頁(yè) 猿問(wèn) 解決頁(yè)面頂部用position:f...

解決頁(yè)面頂部用position:fixed中有input文本框bug

Html/CSS Html5

_Mrs_03249416 2017-02-16 10:26:43

解決頁(yè)面頂部用position:fixed中有input文本框bug,頁(yè)面頂部用position：fixed固定，當(dāng)頁(yè)面滾動(dòng)至第二屏，此時(shí)點(diǎn)擊頂部的輸入框，軟鍵盤彈出，固定的頂部不再固定，而是懸浮，怎么解決

查看完整描述

1 回答

已采納

woshiajuana

TA貢獻(xiàn)211條經(jīng)驗(yàn) 獲得超152個(gè)贊

做移動(dòng)頁(yè)面，盡量避免使用fixed定位

頁(yè)面布局你可以這樣

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

反對(duì) 回復(fù) 2017-02-16

關(guān)注