移動端固定位置

2021-07-13 20:17:58 字數 471 閱讀 5335

相信大家在移動開發的時候,都會遇到乙個「固定」的問題。那就是什麼頭部固定在螢幕頂部啊、什麼尾部固定在螢幕的尾部啊這些鬼東西。。。或者你現在看到這裡會想到:這還不簡單嗎?直接用個position:fixed不就搞好了嗎,那麼菜還來寫文章。或者你沒想到,雖然position:fixed是可以固定位置,但是在ios下會出現這樣的問題(如下圖)。

只要ios鍵盤出現,position:fixed的固定效果就會被破壞了。我上網找了很多資料,都是說使用position:absolute來代替position:fixed來**固定位置,而且還要計算滾動的位置,相容性又不是很好(這麼多問題和麻煩)。那麼這個問題怎麼解決呢?我就不賣關子了,直接上**了。。。

後退			

test

提交

在移動端如何使用固定定位

絕對定位在沒有找到開啟定位的最近祖先元素,包含塊就是初始包含塊,即乙個視口大小的矩形,只要將這個矩形固定住,就可以用絕對定位代替固定定位 doctype html en protice title viewport content width device width,initial scale 1...

移動端定位

created 複製 var map new amap.map container const self this amap.plugin amap.geolocation function geolocation.getcurrentposition status,result geocoder....

前端html 固定位置 相對定位 絕對定位

定位元素都完全脫離文件流 1.不加定位狀態 2.相對定位 position relative top 50px left 50px 1.完全脫離文件流 2.它在文件流中的位置還會被保留 下面的內容不會上竄 3.相對於它原來的位置進行位置變化 變化距離相對於原位置 2.絕對定位 position ab...