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

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

我一直在search谷歌,但我找不到类似的东西。

有没有人有任何build议如何用jQuery复制这个效果?

我最近也遇到了这个问题,我没有find很多的支持,所以我很快就忘了这个问题。 几个月后,我看到了一个更好的平滑滚动的例子,所以我去了解他们正在使用的JavaScript文件,并发现他们使用了一个名为NiceScroll的jQuery文件。

我相信这就是我们一直在寻找的 – 简单的平滑滚动的div,iframe或其他,就像iOS的滚动。

http://areaaperta.com/nicescroll/

http://areaaperta.com/nicescroll/

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

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

好的队友,我会尝试帮助您的请求与一些材料。 我为自己find了这个教程,希望它对你也有用。 这构成了您所指的网站的基础: http : //johnpolacek.github.com/scrollorama/

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

我有你问过的同样的问题。 我访问你提供的网站,我find答案!

他们使用jquery.mousewheel.js,您可以使用Chrome的控制台来查找脚本。 只要search“鼠标滚轮”,你就可以find一个叫“滚动”的function。 平滑滚动的原因是他们没有使用jquery的animation,而是使用javascript的setInternal来制作它。 你可以从代码中学习。

我相信你可以做到。

我没有深入代码,但我怀疑他们正在使用CSS3转换。

transition: all 1s 

在你的元素(供应商当然是前缀),将从视差效果平滑animation。

这似乎是他们已经覆盖了scrollWheel的行为,并使每个滴答下降了一个确定的数额。 我至less会这样做。

Interesting Posts