滚动速度操纵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，在滚动时，它获得了一些放置在视口中不同位置的图像的一些基本原理。
6. SO中的此链接也可以帮助我是否可以使用CSS或jQuery更改滚动速度？
7. Kirupa有一个很好的教程，它可能也有助于获得平滑滚动效果。 http://www.kirupa.com/html5/smooth_parallax_scrolling.htm
8. 而且这个非常棒。 我想我会看一下这个演示。 请务必在此处测试所有的点击事件演示。 我确定您可以将此http://plugins.compzets.com/animatescroll/绑定到滚动条的jquery补间事件中
9. 另一个不错的示例http://bassta.bg/demos/smooth-page-scroll/

Answer 2

它被称为视差

检查此： http : //www.w3schools.com/howto/howto_css_parallax.asp

http://matthew.wagerfield.com/parallax/