[爆卦]position fixed跑版是什麼?優點缺點精華區懶人包

為什麼這篇position fixed跑版鄉民發文收入到精華區:因為在position fixed跑版這個討論話題中,有許多相關的文章在討論,這篇最有參考價值!作者rrr0832 (rrr0832)看板Web_Design標題[問題] 在手機版firefox,...


當使用手機版瀏覽器 (尤其是Firefox時)

有一個問題

不曉得是不支援還是瀏覽器的bug

那就是當我有一個CSS為position:fixed的元件時

理論上無論如何該元件都應該固定於畫面的某一位置

但如果快速滑動頁面 (快速往下滑動 等)

那個CSS為position:fixed的元件就會跑掉

直到滑動結束後才又跳回原先的位置

這裡有示意動畫:

https://imgur.com/a/94A3v

(請注意右下角那個「Top」方塊,該方塊的CSS為position:fixed)

這個問題在某頁面會出現而在其他頁面又會消失

請問這個position:fixed在手機版Firefox滑動時 失效 的問題要如何解決?

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 220.136.122.64
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1496637821.A.EB1.html
MangoTW: iOS 還是 Android06/05 13:00

我的手機是Android

但是我不曉得iOS會不會也有同樣的問題

因為我沒有iOS的手機
※ 編輯: rrr0832 (163.13.251.113), 06/05/2017 13:38:19
frostyjoan: 應該不會這樣捏,你是不是有什麼語法互相干擾啦(?! 06/05 14:13
minejel: 是不是有加到transform了 06/05 14:33

你可能也想看看

搜尋相關網站