jquery - 视差一页网站菜单栏

标签 jquery css parallax

关于本网站的其他问题: mobiliteitsvisie 当滚动浏览网站时,菜单项应该随着它经过的每一张幻灯片而改变。此时,即使滚动到几张幻灯片,最后单击的菜单项也会突出显示。有没有一种简单的方法可以使它在 CSS 中工作?还是只能通过在 JavaScript 中添加几行代码或创建一个全新的 jQuery.nav.js 并将链接添加到 index.html 中才能实现?

最佳答案

由于您似乎刚刚起步,我建议您使用 JavaScript 插件,例如 waypoints.js

这个链接有一个很好的教程:http://www.oxygenna.com/tutorials/scroll-animations-using-waypoints-js-animate-css .

这里有另一个关于如何实现您想要实现的教程:http://webdesign.tutsplus.com/articles/create-a-sticky-navigation-header-using-jquery-waypoints--webdesign-6408

关于jquery - 视差一页网站菜单栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25956158/

相关文章:

javascript - 滚动传递时如何隐藏div/元素?

html - 使用视口(viewport)宽度=设备宽度时如何禁用移动设备上的轻微剩余水平滚动

android - 如何使物体沿圆形路径移动?

html - 具有视差背景的动画文本

html - PARallax 网站菜单与文本完美搭配,与图像搭配效果不佳(不会缩小)

javascript - 如果我用 jvectormap hide() 创建一个 map ,改变我的窗口宽度,然后 show() 它,它会自己缩放到很小

javascript - 验证后禁用/启用 onClick 事件?

javascript - Fullpage.js 中的 Parallax.js 在 Mac Safari 上产生意外结果

javascript - 检查 JSON 响应是否为空或 null 的最佳方法

javascript - 使用 JQuery 计时器调用 js-function