6

我正在玩并尝试建立一个视差网站 - 是的,我知道它们是一种令人讨厌的时尚,但我仍然想尝试一下。因此,为了获得灵感,我一直在查看各种优秀视差网站的示例,并遇到了这个:https ://victoriabeckham.landrover.com/INT 。

它使用鼠标滚轮、滚动条和锚链接进行平滑滚动。我一直在寻找可以实现这种效果的 jQuery 插件,但似乎只能找到使用内部页面链接的插件——锚点或 ID(详见下文)——而不是鼠标滚轮和滚动条。我很有可能使用错误的关键字进行搜索。有谁知道找到这些插件的正确术语或知道任何可以实现这种效果的插件?

附带说明一下,我目前正在学习 jQuery 和 Javascript,但还处于早期阶段 - 仍在通过 codeacademy 拖网,还没有进入任何真实世界的代码。所以目前我正在使用插件作为一种学习方式,但希望在几个月内我可以构建自己的东西!

平滑滚动到锚标签或 ID:

并且,另一个使用类似滚动技术的视差网站示例:

4

2 回答 2

4

试试这个。https://nicescroll.areaaperta.com/

它有

$().scrollTop() 

jQuery 事件侦听器,因此您可以使用视差脚本配置滚动路径。

于 2012-05-09T15:44:05.853 回答
2

我认为您必须将其中的几种效果结合起来才能制作出类似于 Landrover 网站的东西。平滑滚动脚本、滚动路径脚本和视差脚本。

这是该网站的路径元素的一个有趣的网站:http: //joelb.me/scrollpath/

尽管了解这些站点如何工作的最佳方法是检查它们!一些使用视差的酷网站: http ://www.awwwards.com/?s=parallax&post_type=all&search=Ok

我希望这是一些帮助/启发!

于 2012-05-09T14:03:23.790 回答