基于javascript的视差水平导航

基于javascript的视差水平导航,javascript,horizontal-scrolling,parallax,Javascript,Horizontal Scrolling,Parallax,我正在学习视差和水平滚动网站,我接触了这个很棒的网站: 通过firebug的探索,我发现他们的开发人员: 使用绝对定位元素 使用非滚动容器 使用箭头键、鼠标滚轮和页面定位重新创建自定义导航控制器 我试图在这里重新实现这个逻辑: 正如您所看到的,锚定链接起作用,但使用箭头和鼠标滚轮的导航不起作用(这是正确的,因为我没有为它们创建自定义控制器)。实现自定义导航似乎是一项非常困难的工作(例如,我必须注意用户一直按箭头键,因为他们想加快导航速度)。 我尝试了一些其他的jquery插件(比如jpara

我正在学习视差和水平滚动网站,我接触了这个很棒的网站:

通过firebug的探索,我发现他们的开发人员:

  • 使用绝对定位元素
  • 使用非滚动容器
  • 使用箭头键、鼠标滚轮和页面定位重新创建自定义导航控制器
我试图在这里重新实现这个逻辑:

正如您所看到的,锚定链接起作用,但使用箭头和鼠标滚轮的导航不起作用(这是正确的,因为我没有为它们创建自定义控制器)。实现自定义导航似乎是一项非常困难的工作(例如,我必须注意用户一直按箭头键,因为他们想加快导航速度)。 我尝试了一些其他的jquery插件(比如jparallax),但是结果显示的网页和我的一样,所有的东西看起来都是乱七八糟的


如何重现www.black5.de的流动性和愉悦性?你认为这将是一个巨大的项目吗?你知道一些有用的库/插件吗


感谢

“www.black5.de的流动性和愉悦性”好吧,这个网站在欧洲的加载时间真的很慢,动画也很不稳定。JUT使用一个现成的视差插件,而不是重新实现一些新的东西。我现在用的是,它很有魅力。我来自意大利;)我并没有提到加载时间,而是指使用鼠标滚轮或箭头键导航的流动性。元素似乎漂浮在背景上,很酷。这与我的例子不同,在我的例子中,所有的东西都是“停靠”的,导航是不稳定的。