微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Stellar.js

编程之家收集整理的这个编程导航主要介绍了Stellar.js编程之家,现在分享给大家,也给大家做个参考。

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/

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。