javascript - 滚动速度操纵css jquery

Question

找个网站http://www.boy-coy.com/#home .当您向下滚动时，所有内容都非常流畅地滚动。即使您快速滚动它，滚动也会以特定速度完成。这使网站更快、响应更快。这如何在 css 和 jquery 的帮助下实现？

Answer 1

乍一看。

尝试阅读他们的 html 源代码输出。

1. 他们使用一些 jquery 插件和遗留浏览器 js 插件调用。
2. 他们有一个自定义的和部分混淆的 .js 脚本，它很深入，但您可以看到它在页面中的元素上设置的特定属性。
3. 除非有任何使用条款问题，否则您可能会通过使用此示例代码作为示例来破译此页面酷滚动技术。但是，从头开始编写或在此处发布整个解决方案肯定需要大量工作。
4. 我要去找一个不像这个视差那么复杂的小例子。
5. 并查看此链接 http://codepen.io/JTParrett/pen/BkDie 它在您滚动时在视口(viewport)中的不同位置定位了一些图像，这里有一些起始原则。
6. SO 中的这个链接也可以帮助 Can I change the scroll speed using css or jQuery?
7. Kirupa 有一个很好的教程，可能有助于获得流畅的滚动效果。 http://www.kirupa.com/html5/smooth_parallax_scrolling.htm
8. 这个非常棒。我想我会研究这个演示。请务必在此处测试所有点击事件演示。我确定您可以将滚动条的 jquery tween 事件与此 http://plugins.compzets.com/animatescroll/ 关联起来
9. 另一个不错的例子http://bassta.bg/demos/smooth-page-scroll/