教程:當滾動網頁到某個節時,導航欄也隨節的位置變化而改變樣式。
效果如下圖所示:
下面來看看在coolsite360中是如何實現的:
1.將導航條固定在頂部,給導航項增加激活樣式,激活狀態下樣式設置不影響當前樣式。
2.給要激活導航欄樣式的節開啟滾動偵測,未開啟的節滾動網頁時則不受影響。
3.鏈接項也要開啟滾動偵測,才能和開啟滾動偵測的節形成一一對應。
4.勾選「當前頁url與設置相同時,添加激活樣式」,可激活鏈接項樣式。
5.設置完成保存,預覽即可。
當屏幕滾動到某個節位置時,導航欄可跟隨節位置變化而改變樣式。
教程:當滾動網頁到某個節時,導航欄也隨節的位置變化而改變樣式。
效果如下圖所示:
下面來看看在coolsite360中是如何實現的:
1.將導航條固定在頂部,給導航項增加激活樣式,激活狀態下樣式設置不影響當前樣式。
2.給要激活導航欄樣式的節開啟滾動偵測,未開啟的節滾動網頁時則不受影響。
3.鏈接項也要開啟滾動偵測,才能和開啟滾動偵測的節形成一一對應。
4.勾選「當前頁url與設置相同時,添加激活樣式」,可激活鏈接項樣式。
5.設置完成保存,預覽即可。
意派-Coolsite360 | 網頁設計工具
意派Coolsite360-響應式網站_自助建站_微信小程序 設計制作工具意派-Epub360 | H5頁面制作工具
意派?Epub360-專業H5頁面在線設計制作工具,H5微信邀請函制作軟件