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

Javascript 使用鼠标滚轮和滚动条平滑垂直页面滚动,javascript,jquery,scrollbar,mousewheel,parallax,Javascript,Jquery,Scrollbar,Mousewheel,Parallax,我正在到处玩,并试图建立一个视差网站-是的,我知道他们是一个恼人的时尚,但我仍然想试一试。因此,为了获得灵感,我一直在看各种优秀视差网站的例子,并偶然发现了这一个: 它使用鼠标滚轮、滚动条和锚链接进行平滑滚动。我一直在寻找能够达到这种效果的jQuery插件,但似乎只能找到使用内部页面链接的插件——锚定或ID(详见下文)——而不是鼠标滚轮和滚动条。我很有可能使用了错误的关键字进行搜索。有没有人知道找到这些插件的正确术语,或者知道任何可以达到这种效果的插件 另一方面,我目前正在学习jQuery和Ja

我正在到处玩,并试图建立一个视差网站-是的,我知道他们是一个恼人的时尚,但我仍然想试一试。因此,为了获得灵感,我一直在看各种优秀视差网站的例子,并偶然发现了这一个:

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

另一方面,我目前正在学习jQuery和Javascript,但还处于非常早期的阶段——仍然在代码学院中摸索,还没有进入任何真实世界的代码。因此,目前我正在使用插件作为学习的一种方式,但希望在几个月内我可以构建自己的东西

平滑滚动到定位标记或ID:

  • (*由@Rocketeer提供)
以及,使用类似滚动技术的视差网站的另一个示例:


我认为您必须将其中的几种效果结合起来,才能制作出与路虎站点相似的产品。平滑滚动脚本、滚动路径脚本和视差脚本

这是该网站路径元素的有趣网站:

尽管了解这些网站如何工作的最好方法是检查它们!一些使用视差的酷站点:

我希望这能有所帮助/启发

试试这个

它有

$().scrollTop() 

jQuery事件监听器,这样您就可以用视差脚本配置滚动路径。

谢谢,这对我来说是新信息,看起来非常适合视差站点。我认为你使用组合脚本来实现平滑滚动的想法是正确的-我检查了他们的代码,看起来他们可能有一些东西组合在一起,但遗憾的是,这远远超出了我对js和jQuery的了解。这看起来很完美,非常感谢。我会去试一试。这就是为什么我爱你*编辑:像梦一样工作:)链接不工作“建立数据库连接时出错”