用javascript进行视差水平导航

时间:2012-11-28 13:17:03

标签: javascript horizontal-scrolling parallax

我正在研究视差和水平滚动网站,我与这个梦幻般的网站取得了联系:http://www.black5.de/

用firebug探索我发现他们的开发者:

  • 使用绝对定位元素
  • 使用非滚动容器
  • 使用箭头键,鼠标滚轮和页内锚点
  • 重新创建自定义导航控制器

我尝试在此处重新实现此逻辑:http://www.albertobottarini.com/parallax/index-manual.html

正如你可以看到锚链接有效,但带箭头和鼠标滚轮的导航不起作用(这是正确的,因为我没有为它们创建自定义控制器)。实现自定义导航似乎非常困难(例如,我必须注意用户按住箭头键,因为他们想加快导航)。 我尝试了一些其他jquery插件(比如jparallax),但结果网页和我的一样,一切都看起来不稳定和生涩。

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

由于

0 个答案:

没有答案