sticky定位（粘性定位），指的是基于用戶的滾動位置來定位。不同于前四個定位，他有點像relative和fixed的結合：當定位基點是自身默認位置時，他呈現為relative定位，而當頁面滾動區域大于你的目標區域時，他則表現為fixed定位，可以固定在頁面的某個位置。
粘性定位特點：
1.以瀏覽器的可視窗口為參照點移動元素（固定定位特點）
2.粘性定位占有原先的位置（相對定位特點）
3.必須添加 top 、left、right、bottom 其中一個才有效
如圖，我們給頂部nav欄加上sticky定位，剛進入頁面的時候，他會保持相對定位，如圖所示：
而當我們向下滾動頁面時，他又會固定在頁面上方：
有時會出現設置粘性定位不起作用的情況，需要注意幾點：
1、父元素不能設置overflow:hidden或overflow:auto屬性
2、元素定位表現為在跨越特定閾值前為相對定位，之后為固定定位。即必須指定 top, right, bottom 或 left 四個閾值之一才可使粘性定位生效。否則只會處于相對定位。
3、父元素的高度不能低于sticky元素的高度
4、sticky元素僅在其父元素內生效
上一篇： 移動端適配
關鍵詞:
