教程:当滚动网页到某个节时,导航栏也随节的位置变化而改变样式。
效果如下图所示:
下面来看看在coolsite360中是如何实现的:
1.将导航条固定在顶部,给导航项增加激活样式,激活状态下样式设置不影响当前样式。
2.给要激活导航栏样式的节开启滚动侦测,未开启的节滚动网页时则不受影响。
3.链接项也要开启滚动侦测,才能和开启滚动侦测的节形成一一对应。
4.勾选「当前页url与设置相同时,添加激活样式」,可激活链接项样式。
5.设置完成保存,预览即可。