视差滚动（Parallax Scrolling）是什么？

视差滚动是当用户滚动页面时，前景和背景以不同的速度移动，从而创造出3D效果。 这种效果可以给网站一个很好的补充，但如果滥用，就会很烦人。 有些完全由这种效果驱动的网站会让人觉得不优雅。 因为这种效果通常使用大图像做背景，网站资源大量增加，导致加载非常缓慢。

有些这样滥用的例子，比如介绍Kinvara saukoni 3的网站， 和大小有20MB（以前是50MB的！）的 Oakley – I am invincible 。

现在有了对这个效果的认识，让我们看看如何使用stellar.js来创造它。

Stellar.js是什么？

stellar.js 是一个 jquery插件，能很容易地给网站添加视差滚动效果。 尽管已经停止了维护，但它非常稳定，与最新版本的jQuery兼容，很多开发者也在使用它。 这个插件在jQuery插件库里很流行，你可能早已听说过了。

现在，让我们看看如何使用它。

链接: https://fly63.com/nav/253