教程:當(dāng)滾動(dòng)網(wǎng)頁到某個(gè)節(jié)時(shí),導(dǎo)航欄也隨節(jié)的位置變化而改變樣式。
效果如下圖所示:
下面來看看在coolsite360中是如何實(shí)現(xiàn)的:
1.將導(dǎo)航條固定在頂部,給導(dǎo)航項(xiàng)增加激活樣式,激活狀態(tài)下樣式設(shè)置不影響當(dāng)前樣式。
2.給要激活導(dǎo)航欄樣式的節(jié)開啟滾動(dòng)偵測,未開啟的節(jié)滾動(dòng)網(wǎng)頁時(shí)則不受影響。
3.鏈接項(xiàng)也要開啟滾動(dòng)偵測,才能和開啟滾動(dòng)偵測的節(jié)形成一一對應(yīng)。
4.勾選「當(dāng)前頁url與設(shè)置相同時(shí),添加激活樣式」,可激活鏈接項(xiàng)樣式。
5.設(shè)置完成保存,預(yù)覽即可。