滚动节激活导航栏样式

当屏幕滚动到某个节位置时,导航栏可跟随节位置变化而改变样式。

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

 效果如下图所示:

 

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

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

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

 

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

 

 

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

 

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

 

10

相关文章: