使用鼠标轮和滚动条平滑垂直页面滚动

Question

我正在玩，并试图建立一个视差网站-是的，我知道他们是一个恼人的时尚，但我仍然希望有一个尝试。因此，作为灵感，我一直在寻找各种好的视差网站的例子，并发现了这个例子：https://victoriabeckham.landrover.com/INT。

它有光滑滚动使用鼠标轮，滚动条，和锚链接。我一直在寻找能够实现这一效果的jQuery插件，但似乎只能找到那些使用内部页面链接的插件--锚或ID(详见下文)--但没有鼠标轮和滚动条。有一个很好的机会，我是使用错误的关键字搜索。有谁知道找到这些插件的正确术语吗?或者知道任何能够实现这种效果的插件吗？

顺便提一句，我目前正在学习jQuery和Javascript，但还处于初级阶段--还没有在任何真实的代码中使用。因此，目前我正在玩插件作为学习的一种方式，但希望在几个月后，我可以建立我自己的东西！

平滑滚动到锚定标签或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)

提供)

另外，使用类似技术滚动视差网站的另一个例子是：

• http://www.ascensionlatorre.com

Answer 1

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

它有

$().scrollTop() 

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

Answer 2

我认为你必须结合其中的几个效果，才能制作出类似于路虎网站的东西。平滑的滚动脚本，滚动路径脚本和视差脚本。

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

虽然最好的方法，以了解这些网站如何运作，是检查他们！使用视差的一些很酷的站点：http://www.awwwards.com/?s=parallax&post_type=all&search=Ok

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