Stellar.js 介绍
视差滚动(P ara llax Scrolling)是什么?
视差滚动是当 用户 滚动页面 时,前景和背景以不同的速度移动,从而创造出3D 效果 。 这种 效果 可以给网站 一个 很好的补充,但如果滥用,就会很烦人。 有些完全由这种 效果 驱动的网站会让人觉得不优雅。 因为这种 效果 通常使用大图像做背景,网站资源大量 增加 ,导致加载非常缓慢。
有些这样滥用的例子,比如介绍Kinv ara 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/
如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://haodehen.cn/did174526