Elementor Parallax Effekt med Rellax.js (Pro)
Rellax er en Master Addons Pro udvidelse, der bringer Rellax.js parallakse bibliotek ind i Elementor. Slå det til for et element, indstille en Hastighed fra -10 til 10, og at element ruller hurtigere eller langsommere end resten af siden, hvilket skaber en følelse af dybde. Du kan indstille en anden hastighed for tablet og mobil, vælge den lodrette eller vandrette retning, og bruge Z-Index til at holde bevægelige lag bag eller foran dit indhold. Ingen kode eller script indlæsning er nødvendig.
Sådan tilføjes en Parallax Scrolling Effect i Elementor
Du har brug for Elementor og en aktiv Master Addons Pro licens.
- Gå til Master Addons, Udvidelser, tænde Rellax og gemme.
- Rediger din side med Elementor, og vælg den widget, du vil flytte, f.eks. et billede, et ikon eller en figur.
- Åbn Rellax-indstillingerne for det element, og tænd Aktiveret Rellax.
- Indstil en Speed, for eksempel -2 for en langsom drift, og juster den til tablet og mobil.
- Vælg Lodret eller Vandret, og indstil Z-Indeks, så laget ikke dækker din tekst.
- Se forhåndsvisning af siden, og rul for at kontrollere bevægelsen.
Flere detaljer er i Rellax udvidelsesindstillinger.
Hastighed, Procent og Retning
Speed kører fra -10 til 10 i trin på 0,1 og kan indstilles pr. enhed. Negative værdier får elementet til at bevæge sig langsommere end siden, så det føles længere væk, og positive værdier flytter det hurtigere, så det føles tættere på. Procent (0 til 1) sætter, hvor elementet sidder, når dets bevægelse starter, og den Lodret og Vandret valgmuligheder vælger retningen.
- En langsom drift på -1 til -2 for dekorative former bag en helt.
- En lille positiv hastighed for flydende ikoner foran indhold.
- En lavere hastighed eller 0 på mobilen, hvis bevægelsen føles for stærk på små skærme.
Lagdeling med Z-Index
Parallaxelag kan glide hen over tekst og knapper. Rellax tilføjer en Z-indeks indstilling fra -1 til 50, så du kan holde et bevægeligt baggrundslag under dit indhold og en forgrundsform over det. Rellax flytter hele elementet, ikke dets baggrundsbillede, så placer det billede, du vil flytte, i sin egen Image-widget.
- Brug -1 til lag, der skal sidde bag indhold.
- Hold overskrifter og knapper ude af stien til bevægelige lag.
- Test rullen på en rigtig telefon, før du udgiver.
Elementor Motion Effects vs Master Addons Rellax
Elementor Pro har allerede Motion Effects med rulleeffekter. Her er hvordan de to sammenligner.
| Feature | Elementor Pro Motion Effects | Master Addons Rellax |
|---|---|---|
| Price | Behov Elementor Pro | Behov Master Addons Pro |
| Rullebevægelse | Lodret og vandret rulle med hastighed og viewport rækkevidde | Rellax.js hastighed fra -10 til 10, lodret eller vandret |
| Andre rulleeffekter | Gennemsigtighed, sløring, rotation og skala | Ingen, kun bevægelse |
| Museeffekter | Musebane og 3D tilt | No |
| Baggrundsparallakse | Baggrundsbevægelseseffekter på sektioner og beholdere | Flytter hele elementet |
| Indstillinger pr. enhed | Vælg enheder, hvor effekter kører | Hastighed pr. enhed |
Hvis du allerede har Elementor Pro, dækker Motion Effects flere effekttyper. Rellax passer til simple hastighedsbaserede lag, når du bruger Master Addons Pro. For looping-bevægelse, der ikke afhænger af scroll, se Flydende effekter (Pro).
Hvad Er Rellax.js?
Rellax.js er en lille, open source JavaScript bibliotek af Dixon og Moe, der gør elementer bevæger sig med en anden hastighed, mens en side ruller. På en håndkodet websted tilføjer du scriptet, give elementer en rellax klasse og indstille muligheder som hastighed, procent, z-indeks og retning i kode.
Denne udvidelse bundter Rellax.js inde i Master Addons Pro og kortlægger disse muligheder til Elementor kontrolelementer, så du indstiller Hastighed, Procent, Z-Index og retning fra panelet. Scriptet indlæses kun på sider, hvor et element bruger Rellax. Hvis du ikke er på Elementor, skal du bruge Rellax.js bibliotek direkte.
Ofte stillede spørgsmål til Rellax
Vil parallakseeffekten virke på mobilen?
Ja. Hastighed kan indstilles separat for tablet og mobil, så du kan bruge en mindre værdi eller 0 på telefoner, hvis bevægelsen føles for stærk. Test altid på en rigtig enhed.
Kan jeg få et sektionsbaggrundsbillede til at flytte?
Rellax flytter hele elementet, ikke et baggrundsbillede. Sæt billedet i sin egen Image-widget bag dit indhold, og føj Rellax til den pågældende widget, eller brug Elementor Pros baggrundsbevægelseseffekter til en baggrund i bevægende afsnit.
Er Rellax-udvidelsen gratis?
Nej. Rellax er en del af Master Addons Pro. Selve Rellax.js biblioteket er gratis og open source, hvis du tilføjer det med din egen kode.
Kan for mange parallakseeffekter bremse mit websted?
De kan. Hvert bevægeligt element gør browseren gøre mere arbejde, mens du ruller. Brug parallakse på et par centrale elementer pr. side og holde hastigheder beskedne.
Trending Elementor Widgets & Udvidelser
Byg sofistikerede websteder på kortere tid.
Glasmorfisme
Container ekstraudstyr
Mønstre
![Master Addons Post/Page Duplicator udvidelse til Elementor: MA Duplicator række link i WordPress Pages liste oprettelse af en Landing Page - [Duplikeret # 128] udkast](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Post/Page Duplicator
