我最近遇到了这个网站http://www.ascensionlatorre.com/home，我喜欢鼠标滚轮滚动的工作方式 - 缓动非常流畅。
我一直在搜索谷歌，但我找不到类似的东西。
有人对如何用 jQuery 复制这种效果有任何建议吗？
问问题
84746 次
5 回答
24
我最近也遇到了这个问题，但我没有找到很多支持，所以我很快就忘记了这个问题。几个月后，我看到了一个更好的平滑滚动示例，因此我进入并挖掘了他们正在使用的 JavaScript 文件，我发现他们使用的是一个名为 NiceScroll 的 jQuery 文件。
我相信这就是我们一直在寻找的——div、iframe 或其他任何东西的简单平滑滚动，就像 iOS 滚动一样。
于 2012-09-13T18:59:27.053 回答
8
http://areaaperta.com/nicescroll/
that's definitely the script to check out. Although it adds a custom scroll bar, it's a good looking one that you can edit through css.
EDIT I had a working demo but have since removed it due to hosting and domain changes, sorry about that.
于 2013-02-02T20:34:47.690 回答
5
好的，伙计，我会根据您的要求提供一些材料来帮助您。我为自己找到了这个教程，希望它对你也有用。这构成了您所指网站的基础：http: //johnpolacek.github.com/scrollorama/
于 2012-02-04T17:14:06.650 回答
5
我也有你问的同样的问题。我访问了您提供的网站并找到了答案！
他们使用了 jquery.mousewheel.js，您可以使用 Chrome 的控制台找到脚本。只需搜索“鼠标滚轮”，您就可以找到一个名为“滚动”的功能。滚动流畅的原因是他们没有使用jquery的动画，而是使用javascript的setInternal来制作。你可以从代码中学习。
我相信你能做到。
于 2012-09-11T13:16:45.180 回答
2
我没有深入研究代码，但我怀疑他们正在使用 CSS3 过渡。
transition: all 1s
在您的元素（当然是供应商前缀）上，将从视差效果中平滑动画。
似乎他们已经覆盖了 scrollWheel 行为，并使每个刻度在页面上向下移动了一个确定的数量。至少我会这样处理。
于 2013-03-26T22:57:14.307 回答