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

我在玩耍并试图构建一个视差网站 - 是的，我知道它们是一种烦人的时尚，但我仍然希望有一个去。所以，为了获得灵感，我一直在寻找各种优秀视差网站的例子，并碰到这个：https://victoriabeckham.landrover.com/INT。使用鼠标滚轮和滚动条进行平滑垂直页面滚动

它使用鼠标滚轮，滚动条和锚点链接进行平滑滚动。我一直在寻找可以实现这种效果的jQuery插件，但似乎只能找到那些使用内部页面链接 - 锚点或ID（下面详细介绍）的插件 - 但不是鼠标滚轮和滚动条。我正在使用错误的关键字进行搜索的可能性很大。有谁知道正确的术语来找到这些插件或知道任何插件，将实现这种效果？

在附注中，我目前正在学习jQuery和Javascript，但处于最初阶段 - 仍然通过codeacademy进行拖拽，但尚未将其应用于任何真实世界的代码。所以目前我正在使用插件作为学习的方式，但希望在几个月内我可以建立自己的东西！

平滑滚动到锚标签或标识的：

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

http://www.ascensionlatorre.com

来源

2012-05-09 DBUK

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

它得到了

$().scrollTop()

jQuery的事件侦听器，也因此你可以有视差的脚本配置的滚动路径。

来源

2012-05-09 15:44:05

看起来很完美，非常感谢。会去尝试一下。这就是我喜欢stackoverflow的原因！ *编辑：像梦一样工作:) – DBUK

链接不工作“建立数据库连接时出错” –

我认为你有几个结合这些效果是为了制作类似于Landrover网站的东西。平滑滚动脚本，滚动路径脚本和视差脚本。

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

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

我希望这是一些帮助/灵感！

干杯，罗宾

来源

2012-05-09 14:03:23

谢谢，因为信息 - http://joelb.me/scrollpath/是我的新手，看起来非常适合视差网站。我认为你有权组合脚本来实现平滑滚动 - 我正在检查他们的代码，看起来他们可能有几件事情结合起来，但令人遗憾的是超出了我对js和jQuery的知识。 – DBUK

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

回答

相关问题