sticky定位（粘性定位），指的是基于用戶的滾動(dòng)位置來(lái)定位。不同于前四個(gè)定位，他有點(diǎn)像relative和fixed的結(jié)合：當(dāng)定位基點(diǎn)是自身默認(rèn)位置時(shí)，他呈現(xiàn)為relative定位，而當(dāng)頁(yè)面滾動(dòng)區(qū)域大于你的目標(biāo)區(qū)域時(shí)，他則表現(xiàn)為fixed定位，可以固定在頁(yè)面的某個(gè)位置。

粘性定位特點(diǎn)：

1.以瀏覽器的可視窗口為參照點(diǎn)移動(dòng)元素（固定定位特點(diǎn)）

2.粘性定位占有原先的位置（相對(duì)定位特點(diǎn)）

3.必須添加 top 、left、right、bottom 其中一個(gè)才有效

如圖，我們給頂部nav欄加上sticky定位，剛進(jìn)入頁(yè)面的時(shí)候，他會(huì)保持相對(duì)定位，如圖所示：

而當(dāng)我們向下滾動(dòng)頁(yè)面時(shí)，他又會(huì)固定在頁(yè)面上方：

有時(shí)會(huì)出現(xiàn)設(shè)置粘性定位不起作用的情況，需要注意幾點(diǎn)：

1、父元素不能設(shè)置overflow:hidden或overflow:auto屬性

2、元素定位表現(xiàn)為在跨越特定閾值前為相對(duì)定位，之后為固定定位。即必須指定 top, right, bottom 或 left 四個(gè)閾值之一才可使粘性定位生效。否則只會(huì)處于相對(duì)定位。

3、父元素的高度不能低于sticky元素的高度

4、sticky元素僅在其父元素內(nèi)生效