就像這樣的
h5怎么讓一個(gè)元素固定在鍵盤頂部
白衣染霜花
2018-10-18 18:15:58
TA貢獻(xiàn)1869條經(jīng)驗(yàn) 獲得超4個(gè)贊
既然問題是
fixed 定位好的元素跟隨頁(yè)面滾動(dòng)了起來
那就不讓fixed
定位的元素滾動(dòng)就好了。解決方案是將滾動(dòng)元素從跟隨body
滾動(dòng)改為元素內(nèi)滾動(dòng),具體改動(dòng)為:
將滾動(dòng)元素設(shè)置為absolute
定位,并限定寬高。
給滾動(dòng)元素設(shè)置
-webkit-overflow-scrolling: touch; overflow-x: hidden; overflow-y: scroll;
如此即可避免body
滾動(dòng)導(dǎo)致fixed
元素跟隨滾動(dòng)
至于題主問的最基本的定位問題
h5怎么讓一個(gè)元素固定在鍵盤頂部
答案是給該元素設(shè)置CSS樣式
position: fixed;bottom: 0;margin: 0 auto;
舉報(bào)