视差滚动jQuery插件

Posted

tags:

中文标题:视差滚动jQuery插件 原文标题:Parallax scrolling jQuery plugin 项目评级:Star:594      Fork:153 下载地址:https://github.com/tgomilar/paroller.js 详情介绍

假释犯.js

一个轻量级的jQuery插件,可以实现视差滚动效果

演示:演示,示例页面,示例页面

安装

关闭前</body>元素包括:

净现值

纱线

鲍尔

CDN公司

jsDelivr、unpkg、bundle.run

使用

npm和浏览

选项

数据属性

您可以通过数据paroller-*或jQuery值来控制视差效果。

<表格>

数据paroller-*

<th>jQuery</th>

默认值

数据模仿因子

因子

数字(+/-)

0个

数据模仿因子xs

因子X

数字(+/-)

0个

数据模仿因子sm

因数Sm

数字(+/-)

0个

数据paroller因子md

因子Md

数字(+/-)

0个

数据paroller因子lg

因子Lg

数字(+/-)

0个

数据戏仿器类型

类型

背景,前景

背景

数据编码器方向

方向

垂直、水平

垂直的,垂直的

数据paroller转换

过渡

CSS转换

转换0.1s轻松

数据模仿因子

设置滚动时元素视差效果的速度和距离。值可以是正(0.3)或负(-0.3)。越小表示速度越慢。不同的符号(+/-)表示不同的方向(上/下、左/右)。

由于因子是乘数,所以必须为paroller.js设置该因子才能产生视差效果。

数据模仿因子-*

设置所选断点的戏仿因子。

<表格>

数据paroller因子-*

jQuery选项

窗口宽度断点

超小型

数据模仿因子xs

因子X

<;576像素

小型

数据模仿因子sm

因数Sm

<=768倍

中等

数据paroller因子md

因子Md

<=1024倍

大型

数据paroller因子lg

因子Lg

<=1200像素

特大号

数据paroller因子xl

因子xl

<=1920倍

数据paroller转换

只有paroller.js类型设置为前景的效果元素!

JavaScript语言

设置因子断点

许可证

麻省理工学院

滚动视差stellar.js

视差双向滚动

stellar.js 视差滚动

html 响应全尺寸图像/背景视差效果JQuery插件

前端与移动开发项目三

背景图像与视差