基于速度的深度控制
True parallax 是为了营造一种 3D 空间感,有了 Rellax,你不只是打开它,你拨打精确的速度,正速度(如 2)使元素滚动比页面更快,带向前一个负速度(如 -2)使其滚动更慢,将其推入背景,这种精确的控制可以让你构建逼真的前景、中景和背景层。
- 前景效果:使用正速度值使装饰图标或小图形快速漂浮经过用户。
- Background Layers:用负速度使背景图像或图案缓慢漂移,产生一种深沉、遥远的感觉。
- 十进制精度:使用 0.5 或 -1.5 等值进行微调、微妙的运动。
使用 Z 索引分层
当您有多个元素以不同的速度移动时,它们可能会意外地与文本等重要内容重叠。Z 索引控件修复了此问题。为背景视差元素设置较低的 Z 索引,以将其保留在可读内容后面,为前景效果设置较高的 Z 索引,以确保它们出现在顶部。这可以保持您的设计干净且实用。
- 织你的图层:分配Z索引值,以逻辑堆叠你的视差元素(例如,背景:-1,内容:1,前景:2)。
- 防止视觉混乱:确保移动元素不会滑过并掩盖您的号召性用语或头条新闻。
- 全面合成控制:自信地构建复杂的多层场景。
Rellax 的常见问题
了解用户对 Rellax 询问最多的查询,并在一个地方找到答案。
这适用于移动设备吗?
Yes,但附注。移动上的视差效果有时会感到不安或导致性能问题,因为它们依赖于平滑滚动。Rellax经过优化,但为了获得最佳的移动体验,使用更微妙的速度值(如0.5或-0.5),并在真实设备上测试。有时,完全禁用移动上的复杂视差以获得更流畅的用户体验是明智的。
我可以在整个部分的背景图像上使用它吗?
Absolutely!这是最流行的用途之一,将Rellax设置应用到一个Section或Container的背景图像上,给它一个缓慢的负速度(如-1),背景会随着上面的内容正常滚动而轻轻漂移,创造出经典有效的深度效果。
Elementor 内置的“运动效应”有何不同?
Elementor的基本运动效果通常会控制一个元素相对于视口的运动(像“粘”或“fade in”),Rellax专门用于基于速度的视差,其中元素的滚动速度与页面的滚动速度不同,是创建真正的景深错觉的更专业和更强大的工具。
使用过多的视差效应会减慢我的网站速度吗?
Shi,如果做得过多,每个移动元素都要求浏览器在滚动时做De工作要多,关键是适度,每页1-3个关键元素上用Dao视差,影响最大,避免应用到许多小而复杂的Dian层,看起来专业;太多会感觉混乱,伤害性能。
