教程：當(dāng)滾動(dòng)網(wǎng)頁(yè)到某個(gè)節(jié)時(shí)，導(dǎo)航欄也隨節(jié)的位置變化而改變樣式。

 效果如下圖所示：

下面來(lái)看看在coolsite360中是如何實(shí)現(xiàn)的：

1.將導(dǎo)航條固定在頂部，給導(dǎo)航項(xiàng)增加激活樣式，激活狀態(tài)下樣式設(shè)置不影響當(dāng)前樣式。

2.給要激活導(dǎo)航欄樣式的節(jié)開啟滾動(dòng)偵測(cè)，未開啟的節(jié)滾動(dòng)網(wǎng)頁(yè)時(shí)則不受影響。

3.鏈接項(xiàng)也要開啟滾動(dòng)偵測(cè)，才能和開啟滾動(dòng)偵測(cè)的節(jié)形成一一對(duì)應(yīng)。

4.勾選「當(dāng)前頁(yè)url與設(shè)置相同時(shí)，添加激活樣式」，可激活鏈接項(xiàng)樣式。

5.設(shè)置完成保存，預(yù)覽即可。