你是不是做頂部懸浮喜歡用js監聽滾動軸移動位置，然後position:fixed定位懸浮(還會遇到固定元素一直「顫抖」個不停？哈哈，試試用一下 css position:sticky實現頂部懸浮——吸頂效果。例如：改版之後的站長之家的選單.
和正常定位一樣，位置和層級！
遇到overflow:hidden，這個屬性就掛了，也就是說，父級不能有溢位隱藏的這個屬性！！！當然，overflow-y: auto情況下是可以用的。
目前測試的現代瀏覽器(ie除外的主流瀏覽器)均支援position:sticky，在can i use檢測的效果如下：
也是僅僅不支援在table中的tr和thead，其他元素標籤都是可以使用的。這不是很nice！爽歪歪，再也不用js監聽滾動軸事件了。假如實在需要相容ie也是有辦法的，這不有完美的輪子了，直接用：
原始出處 、作者資訊和本宣告。否則將追究法律責任。
position:sticky粘性定位實現吸頂效果 -
qui-note
粘性布局position sticky
開篇 頁面開發中常用到固定定位fixed，不過fixed會浮動脫離文件流，於是又要清除浮動，即麻煩有時又未必能夠清除浮動，於是sticky華麗出場 介紹 sticky是css3中新增的position屬性，設定了sticky的元素，在螢幕範圍 viewport 內該元素的位置並不受到定位影響 設定是...
由position sticky 想到的
這個ui的主要核心思想是 1級分類導航，當導航目錄項scroll到螢幕最頂上時，就暫時固定住，這時scroll的內容就是這個目錄下的內容，直到此目錄內容全部顯示完畢後，才會整體向下滾動 position sticky 的乙個問題就是，內部的垂直scroll時，原來整個網頁上面的內容是看不到的，使用者...
使用 position sticky 實現粘性布局
如果問，css 中 position 屬性的取值有幾個？大部分人的回答是，大概是下面這幾個吧？額，其實，我們還可以有這 3 個取值 沒了嗎？偶然發現其實還有乙個處於實驗性的取值，position sticky 戳我檢視mdn解釋 臥槽，什麼來的？前端發展太快，新東西目接不暇，但是對於有趣的東西，還是...