自助建站、網頁設計教程

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

滾動節激活導航欄樣式

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

 效果如下圖所示:

 

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

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

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

 

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

 

 

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

 

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

 

提交成功,謝謝反饋!

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

网上棋牌作弊是真的吗 山东群英会开奖走势图 13295期排列5开奖号码 湖南快乐十分动物总动员开奖结果电视图 11选5杀号技巧99算法 高信誉时时彩平台 疫情后什么行业赚钱 在线配资平台皆选天牛宝 江西多乐彩十一选五开奖结果今天 广东十一选五助手杀号 北京十一学校 如何进去