position sticky

一直是模模糊糊知道個大概，今天有空試驗梳理一下~
sticky定位就是在闕值前是相對定位，一旦到闕值就是絕對定位

1. position:sticky
2. 父元素不能是overflow:hidden/auto
3. 必須指定top\left\right\bottom，如果不指定，則處於相對定位
4. 如果父元素沒有滾動框則相對的是viewport，如果有則相對於擁有滾動框的父元素
5. 父元素高度不能小於sticky元素高度。
   父元素沒有滾動框的情況，如圖是相對於viewport定位的
   a. 闕值之前
   b. 闕值之後
   父元素有滾動框
   a.闕值之前
   b.闕值之後
   demo