最新英超积分榜排名-今日足球比赛预测比分-手机上怎么买足球-门球比赛|www.hupochang.cn

滾動節激活導航欄樣式

當屏幕滾動到某個節位置時,導航欄可跟隨節位置變化而改變樣式。

教程:當滾動網頁到某個節時,導航欄也隨節的位置變化而改變樣式。

 效果如下圖所示:

 

下面來看看在coolsite360中是如何實現的:

1.將導航條固定在頂部,給導航項增加激活樣式,激活狀態下樣式設置不影響當前樣式。

2.給要激活導航欄樣式的節開啟滾動偵測,未開啟的節滾動網頁時則不受影響。

 

3.鏈接項也要開啟滾動偵測,才能和開啟滾動偵測的節形成一一對應。

 

 

4.勾選「當前頁url與設置相同時,添加激活樣式」,可激活鏈接項樣式。

 

5.設置完成保存,預覽即可。

 

10

相關文章: