Stellar.js 介绍
视差滚动(Parallax Scrolling)是什么?
视差滚动是当用户滚动页面时,前景和背景以不同的速度移动,从而创造出3D效果。 这种效果可以给网站一个很好的补充,但如果滥用,就会很烦人。 有些完全由这种效果驱动的网站会让人觉得不优雅。 因为这种效果通常使用大图像做背景,网站资源大量增加,导致加载非常缓慢。
有些这样滥用的例子,比如介绍Kinvara saukoni 3的网站, 和大小有20MB(以前是50MB的!)的 Oakley – I am invincible 。
现在有了对这个效果的认识,让我们看看如何使用stellar.js来创造它。
Stellar.js是什么?
stellar.js 是一个 jQuery插件,能很容易地给网站添加视差滚动效果。 尽管已经停止了维护,但它非常稳定,与最新版本的jQuery兼容,很多开发者也在使用它。 这个插件在jQuery插件库里很流行,你可能早已听说过了。
现在,让我们看看如何使用它。
网站地址:http://markdalgleish.com/projects/stellar.js/
GitHub:https://github.com/markdalgleish/stellar.js
网站描述:制作视差滚动效果
Stellar.js
官方网站:http://markdalgleish.com/projects/stellar.js/
小编说
以上是编程之家为你收集整理的Stellar.js全部内容。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。