[問題] FB上面藍色列固定方式 Xp3310 PTT批踢踢實業坊

[問題] FB上面藍色列固定方式

作者: Xp3310 (Nokia) 2014-04-27 04:48:25

如標題所言
我看 FB 上面藍色那列固定住
我直覺認為是 position:fixed;
可是看了看好像不是
因為如果 FB 網頁放大超過 100% 時，就沒有固定的效果了
而我自己做實驗寫個 fiexed 的網頁，放大時還是保有 fixed 的功能
想問強者們，FB 是怎麼做這件事情的?

作者: fortinet (fortinet) 2014-04-27 06:39:00

FB似乎是依照條件動態調整, 放大縮小html tag會在canHaveFixedElements 和 tinyViewport 兩個class變換.接著影響#blueBar的position方式

作者: virve (std::vie) 2014-04-27 11:14:00

有多個樣式在不同時機有不同套用規則

作者: Xp3310 (Nokia) 2014-04-27 12:33:00

感謝各位大大的回答

繼續閱讀

[問題] Safari開啟HTML檔aukbee [請益] HTML5 RIA應用etoanik [問題] javascript scrollbarGoalBased [問題] 寫部落格建議用blogger還是自架站famayo [問題] Linode 的 Outgoing 很高是正常的嗎？rroogg [問題] 簡單常見的問題：如何站外鏈結開新視窗jacid [問題] 如何點選連結還沒載出網頁先出現讀取圖形jami520 [請益] 請幫我看網頁設計作品tingmeow [問題] .hover 與迴圈?skipeco [情報] 做 loading 圖的好工具foobar

Contact Us: admin [ a t ] ucptt.com