- 模块设置
- 幻灯片设置
- 图层设定
- 相关话题:
- 图层动画
- 循环动画
- 循环图层时间轴
1.模块设置
这是为模块激活OnScroll功能的地方。然后,一旦激活,就可以分别调整“ 幻灯片”和“ 图层”设置。
![[Slider Revolution 6]当用户滚动页面时,以多种方式使模块的内容动起来 [Slider Revolution 6]当用户滚动页面时,以多种方式使模块的内容动起来](https://aladd.net//wp-content/uploads/2020/05/on-scroll-1.jpg)
视差和鼠标交互
1.
启用视差为幻灯片的主要背景图像及其图层内容启用视差效果。
2.
启用3D效果为幻灯片的主要背景图像及其图层内容启用3D效果。
3.
在移动设备上禁用选择是否应在移动设备上禁用视差和3D效果。
4.触发者
选择在滚动页面,鼠标移动或同时滚动和滚动页面时是否应产生效果。
5.视差原点
原点与鼠标移动时效果的强度有关。选择“鼠标输入”将原点放置在鼠标第一次进入模块的位置,或者选择“滑动器中心”以获得更平衡的强度。
6. BG速度
幻灯片背景移动的速度。
7.图层速度
幻灯片的图层移动的速度。
![[Slider Revolution 6]当用户滚动页面时,以多种方式使模块的内容动起来 [Slider Revolution 6]当用户滚动页面时,以多种方式使模块的内容动起来](https://aladd.net//wp-content/uploads/2020/05/parallax-1.jpg)
3D设置
当“启用3D效果”选项打开时,3D设置将变为可见。
1.阴影
在主背景和内容图层中添加可选的CSS3框阴影以增强3D视觉效果。
2.在启用背景上
选择将3D效果应用于幻灯片的主要背景图像。
3.隐藏滑块溢出
视效果的强度而定,发生效果时,主背景图像可能会在模块外部渗出。如果您不希望这种情况发生,请启用此选项。
4.隐藏的层溢出
取决于效果的强度,幻灯片的内容“层”可能会在效果发生时在模块外部渗出。如果您不希望这种情况发生,请启用此选项。
5. 3D裁剪修复
将CSS3“ translateZ”值添加到内容,以帮助避免在某些浏览器中出现有害的视觉效果。
6. BG 3D深度
用于幻灯片的主要背景图像的深度值。
![[Slider Revolution 6]当用户滚动页面时,以多种方式使模块的内容动起来 [Slider Revolution 6]当用户滚动页面时,以多种方式使模块的内容动起来](https://aladd.net//wp-content/uploads/2020/05/threedsettings-1-1.jpg)
视差和3D深度
幻灯片的内容层都有一个为效果分配的“等级”,可在“ 层设置滚动”部分中进行设置。右侧屏幕快照中的数字1-15代表这些级别,这些级别的值代表效果的深度。
![[Slider Revolution 6]当用户滚动页面时,以多种方式使模块的内容动起来 [Slider Revolution 6]当用户滚动页面时,以多种方式使模块的内容动起来](https://aladd.net//wp-content/uploads/2020/05/parallaxdepths-1.jpg)
通常,幻灯片的时间轴会自动播放。当用户使用鼠标滚动页面时,该选项允许您播放“滚动”时间轴。
1.基于时间轴滚动
启用时间轴滚动。
1.缓动适用于已清理时间轴
的缓动方程。
2.速度
时间轴根据滚动动作的移动速度。
3.滚动期间修复
启用后,一旦播放头启动,页面将处于“固定”状态,直到播放头结束。
4.模块从固定位置
开始滚动和滚动时间轴时,页面将处于“固定”状态的起点。
5.模块固定到,直到擦洗结束,页面继续正常滚动的点。
6.图层默认情况下,在“图层”上启用效果。
![[Slider Revolution 6]当用户滚动页面时,以多种方式使模块的内容动起来 [Slider Revolution 6]当用户滚动页面时,以多种方式使模块的内容动起来](https://aladd.net//wp-content/uploads/2020/05/timeline-scroll-1.jpg)
当模块滚动到视图和视图之外时,将淡化,灰度和模糊效果应用于整个幻灯片和/或其图层。
1.基于滚动效果启用模块效果。
2.淡入淡出当模块滚动进出视野时,淡入或淡出您的内容。
3.灰度当模块滚动进出视图时,将内容从黑白转换为彩色。
4.模糊当页面滚动进出视图时,将CSS模糊过滤器应用于您的内容。
5.最大模糊强度最大CSS模糊过滤器值将应用于内容。
6.图层默认启用已启用默认情况下在图层上的效果。
7.幻灯片默认设置已启用默认情况下,在幻灯片的主要背景上启用效果。
8.方向选择应应用效果的滚动方向。选项为“顶部”,“底部”或“两个”方向。
9.禁用移动禁用对移动设备的影响。
10.偏移(倾斜)效果当模块的该百分比滚动到视图中时,开始应用效果。
11.影响BG的因素幻灯片主要背景效果的强度。
12.层上的系数幻灯片的层上效果的默认强度。
2. 幻灯片设置
![[Slider Revolution 6]当用户滚动页面时,以多种方式使模块的内容动起来 [Slider Revolution 6]当用户滚动页面时,以多种方式使模块的内容动起来](https://aladd.net//wp-content/uploads/2020/05/slide-onscroll-1.jpg)
![[Slider Revolution 6]当用户滚动页面时,以多种方式使模块的内容动起来 [Slider Revolution 6]当用户滚动页面时,以多种方式使模块的内容动起来](https://aladd.net//wp-content/uploads/2020/05/slide-onscroll-settings-1.jpg)
3. 图层设定
![[Slider Revolution 6]当用户滚动页面时,以多种方式使模块的内容动起来 [Slider Revolution 6]当用户滚动页面时,以多种方式使模块的内容动起来](https://aladd.net//wp-content/uploads/2020/05/layers-onscroll-1.jpg)
1.视差和3D等级
图层的视差和/或3D效果所使用的深度值。
2.在蒙版下
将蒙版应用于图层的边界框。当图层移动时,它永远不会在蒙版外面出血。
3.附加到BG。
图层移动将与幻灯片主要背景的移动同步。
4/5。基于时间轴/过滤器滚动的处理
基于模块的“滚动”设置将运动应用于图层。选择“默认”以使用模块的默认设置,选择“启用-基于滚动”以在滚动页面时允许效果,或选择“禁用-基于时间”以仅允许滚动时间轴效果。
![[Slider Revolution 6]当用户滚动页面时,以多种方式使模块的内容动起来 [Slider Revolution 6]当用户滚动页面时,以多种方式使模块的内容动起来](https://aladd.net//wp-content/uploads/2020/05/onscroll-layer-settings-1.jpg)