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

自助建站、網頁設計教程

通過學習路線圖,零基礎學習專業網頁設計、小程序UI設計技巧,成就網頁設計高手。

滾動節激活導航欄樣式

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

 效果如下圖所示:

 

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

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

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

 

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

 

 

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

 

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

 

提交成功,謝謝反饋!

請完整填寫表單的信息后,再進行提交!