意派 Coolsite360 使用浏览器在线设计网站,建议使用最新版Chrome进行设计。
点击下载教程:当滚动网页到某个节时,导航栏也随节的位置变化而改变样式。
效果如下图所示:
下面来看看在coolsite360中是如何实现的:
1.将导航条固定在顶部,给导航项增加激活样式,激活状态下样式设置不影响当前样式。
2.给要激活导航栏样式的节开启滚动侦测,未开启的节滚动网页时则不受影响。
3.链接项也要开启滚动侦测,才能和开启滚动侦测的节形成一一对应。
4.勾选「当前页url与设置相同时,添加激活样式」,可激活链接项样式。
5.设置完成保存,预览即可。
意派-Coolsite360 | 网页设计工具
意派Coolsite360-响应式网站_自助建站_微信小程序 设计制作工具意派-Epub360 | H5页面制作工具
意派∙Epub360-专业H5页面在线设计制作工具,H5微信邀请函制作软件