使用鼠标滚轮平滑滚动缓动效果

Question

我最近遇到了这个网站http://www.ascensionlatorre.com/home,我喜欢鼠标滚轮滚动的方式 - 缓和非常顺畅.

我一直在搜索谷歌,但我找不到类似的东西.

有没有人对如何使用jQuery复制这种效果有任何建议？

Answer 1

我最近也遇到过这个问题而且我没有找到很多支持,所以我很快忘记了这个问题.几个月后,我看到了一个更好的平滑滚动示例,所以我进入并挖掘了他们使用的JavaScript文件,我发现他们使用的是名为NiceScroll的jQuery文件.

我相信这就是我们一直在寻找的 - 对于div,iframe或其他任何东西的简单平滑滚动,就像iOS滚动一样.

http://areaaperta.com/nicescroll/

Answer 2

http://areaaperta.com/nicescroll/

这绝对是要检查的脚本.虽然它添加了一个自定义滚动条,但它是一个很好看的,你可以通过CSS编辑.

编辑 我有一个工作演示,但由于托管和域名更改已删除它,抱歉.

Answer 3

好的伙计,我会尝试用一些材料来帮助你.我为自己找到了这个教程,希望它对你也有用.这构成了您所指的网站的基础:http: //johnpolacek.github.com/scrollorama/

http://johnpolacek.github.com/scrolldeck.js/

Answer 4

我问过同样的问题.我访问您提供的网站,我找到了答案!

他们使用了jquery.mousewheel.js,你可以使用Chrome的控制台来查找脚本.只需搜索"鼠标滚轮",您就可以找到一个名为"滚动"的功能.平滑滚动的原因是他们没有使用jquery的动画,而是使用javascript的setInternal来制作它.您可以从代码中学习.

我相信你能成功.