自助建站、網頁設計教程

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

滾動節激活導航欄樣式

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

 效果如下圖所示:

 

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

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

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

 

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

 

 

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

 

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

 

提交成功,謝謝反饋!

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

vr赛车一套设备多少钱 乳胶床上用品专卖店赚钱吗 体彩泳坛夺金任2技巧 黑马股票推荐11月 极速快3计划网页版 偷拍 赚钱 内蒙古十一选五兑奖期限 有什么赚钱看广告的软件 北京11选5玩法规则 期期中大奖 体育彩票彩票开奖 谁知道正规的网上棋牌 大乐透j前区杀号技巧