我正在玩并尝试建立一个视差网站 - 是的,我知道它们是一种令人讨厌的时尚,但我仍然想尝试一下。因此,为了获得灵感,我一直在查看各种优秀视差网站的示例,并遇到了这个:https ://victoriabeckham.landrover.com/INT 。
它使用鼠标滚轮、滚动条和锚链接进行平滑滚动。我一直在寻找可以实现这种效果的 jQuery 插件,但似乎只能找到使用内部页面链接的插件——锚点或 ID(详见下文)——而不是鼠标滚轮和滚动条。我很有可能使用错误的关键字进行搜索。有谁知道找到这些插件的正确术语或知道任何可以实现这种效果的插件?
附带说明一下,我目前正在学习 jQuery 和 Javascript,但还处于早期阶段 - 仍在通过 codeacademy 拖网,还没有进入任何真实世界的代码。所以目前我正在使用插件作为一种学习方式,但希望在几个月内我可以构建自己的东西!
平滑滚动到锚标签或 ID:
- http://archive.plugins.jquery.com/project/ScrollTo
- http://jsfiddle.net/9Amdx/7/
- http://arthurclemens.github.com/jquery-page-scroll-plugin/
- http://www.learningjquery.com/2007/09/animated-scrolling-with-jquery-12
- http://www.designova.net/scrollerbird/
- http://chris-spittles.co.uk/?p=462
- http://joelb.me/scrollpath/(*@DrunkRocketeer提供)
并且,另一个使用类似滚动技术的视差网站示例: