CSS佈局技巧 -- sticky屬性

在一些很長的表格中，每每須要使用表頭懸浮的設計以方便用戶使用，例如H5電商頁面經過下滑展現大量商品列表時，頂部的導航欄須要在離開屏幕時，須要固定在屏幕頂部以方便用戶篩選類別。這種效果一直以來須要經過JavaScript來實現，此外，因爲設置對應的DOM對象爲fixed時會脫離常規流，會致使下部元素對象瞬間向上移動，影響用戶體驗。CSS3中的position:sticky爲解決這些問題而生。html

>>阅读原文<<