前言：
position:sticky是css定位新增屬性；可以說是相對定位relative和固定定位fixed的結合；它主要用在對scroll事件的監聽上；簡單來說，在滑動過程中，某個元素距離其父元素的距離達到sticky粘性定位的要求時(比如top：100px)；position:sticky這時的效果相當於fixed定位，固定到適當位置。
使用：
sticky-nav {
position: sticky;
top: 100px;
}
設置position:sticky同時給一個(top,bottom,right,left)之一即可
使用條件：
1、父元素不能overflow:hidden或者overflow:auto屬性。
2、必須指定top、bottom、left、right4個值之一，否則只會處於相對定位
3、父元素的高度不能低於sticky元素的高度
4、sticky元素僅在其父元素內生效
