【文件属性】:
文件名称:Parallax:一个很好的滚动视差效果的 jQuery 插件
文件大小:3KB
文件格式:ZIP
更新时间:2021-06-26 22:57:58
JavaScript
它看起来如何?
像这样: :
如何使用
显然,包括 jQuery 和这个脚本;
在要添加视差效果的元素上,只需添加一个新属性: data-image="path-to-image.jpg" ;
使用$('[data-image]').parallax()初始化插件;
完毕。
选项
您还有几个选择:
defaultStyling - 使用或不使用默认样式(如果没有,您需要手动添加它们);
speed - 背景与滚动事件相关的移动speed 。 更高的值意味着更快的滚动( 1意味着不会有任何影响)
如果您需要强制调整大小(例如,您将一些元素注入到 DOM 中以更改视差元素的初始位置),您可以使用$( window ).trigger('re-parallax');
一些提示
使用足够大的图像(以最常见的分辨率查看您的谷歌分析,以避免大图像!);
即使您需要真正的大图像,也可
【文件预览】:
Parallax-master
----README.md(2KB)
----LICENSE(1KB)
----jquery.parallax.js(3KB)