position：sticky 粘性定位
是結合了position:relative和position:fixed兩個功能為一體的組合定位，不再用監聽scroll事件，即可實現導航欄滾動絕對定位的效果。
使用該屬性有幾個必要條件：
1、父級元素不能有任何overflow:visible以外的overflow設定，否則沒有粘滯效果。因為改變了滾動容器（即使沒有出現滾動條）。因此，如果你的position:sticky無效，看看是不是某乙個祖先元素設定了overflow:hidden，移除之即可。
2、父級元素也不能設定固定的height高度值，否則也沒有粘滯效果。
3、同乙個父容器中的sticky元素，如果定位值相等，則會重疊；如果屬於不同父元素，則會鳩佔鵲巢，擠開原來的元素，形成依次佔位的效果。
4、sticky定位，不僅可以設定top，基於滾動容器上邊緣定位；還可以設定bottom，也就是相對底部粘滯。如果是水平滾動，也可以設定left和right值。
粘性布局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解釋 臥槽，什麼來的？前端發展太快，新東西目接不暇，但是對於有趣的東西，還是...