自助建站、网页设计教程

通过学习路线图,零基础学习专业网页设计、小程序UI设计技巧,成就网页设计高手。

滚动节激活导航栏样式

教程:当滚动网页到某个节时,导航栏也随节的位置变化而改变样式。

 效果如下图所示:

 

下面来看看在coolsite360中是如何实现的:

1.将导航条固定在顶部,给导航项增加激活样式,激活状态下样式设置不影响当前样式。

2.给要激活导航栏样式的节开启滚动侦测,未开启的节滚动网页时则不受影响。

 

3.链接项也要开启滚动侦测,才能和开启滚动侦测的节形成一一对应。

 

 

4.勾选「当前页url与设置相同时,添加激活样式」,可激活链接项样式。

 

5.设置完成保存,预览即可。

 

提交成功,谢谢反馈!

请完整填写表单的信息后,再进行提交!