Using Rellax.js In WordPress With Oxygen

25
Published on June 27, 2022 by

In this video, see how to easily create a parallax effect using the Rellax.js library in Oxygen.

Rellax CDN: https://cdnjs.com/libraries/rellax
Rellax initialization code: https://gist.github.com/Spellhammer/8b6edfb4ce33101fef5d9d5f965001ef

Get Oxygen ➜ https://oxygenbuilder.com/
Subscribe ➜ https://oxygenbuilder.com/ytsubscribe
JOIN THE OXYGEN FACEBOOK GROUP FOR HELP & SECRET INFO ➜ https://oxygenbuilder.com/facebook

Category

Add your comment

17 Comments

  • miguel magallanes montero 2 years ago

    Please particles.js !!!

  • Brendon 2 years ago

    If you have a main template with a header and footer try: center: true, in code block.

  • Florian Glaß 2 years ago

    jQuery(document).ready( function( ) {

    //Also can pass in optional settings block

    var rellax = new Rellax('.rellax', {
    speed: -2,
    center: false,
    wrapper: null,
    round: true,
    vertical: true,
    horizontal: false
    });

    })

  • hool 2 years ago

    ////Uncaught ReferenceError: Rellax is not defined on line #2 in /wp-includes/js/jquery/jquery.min.js?ver=3.5.1/////

    have some problem. how can i solve it?

  • Kieron Boswell 2 years ago

    Typing rellax then clicking the auto-suggestion triggered me every time lol. 😀 Great vid!

  • mcAmendi 2 years ago

    Unfortunately this does not work with background images of a section.

  • Rene Brokop 1 year ago

    I get this error in the javascript "ReferenceError: Rellax is not defined on line #3 in "URL"> injected script. I have put in the cdn in the .php section. I am using Oxygen v. 3.7 (not beta version.)

  • Лёха Бодхи 1 year ago

    It is a basic Elementor motion effects feature without any scripts

  • DarkMoonX Krueger 1 year ago

    I got this error… ReferenceError: Rellax is not defined on line #4……oxygen_iframe=true line 15 > injectedScript, Any idea ?

  • FootballJunkie 1 year ago

    More videos like showing how to use JavaScript in oxygen, please

  • schatten105 1 year ago

    Isn't .ready deprecated?

  • Usama Zulfiqar 1 year ago

    Please share the tutorial on SWUP for page transitions and also reloading scripts during such transitions.

  • Vojtěch Frouz 1 year ago

    Does not work when I am using menu element somewhere on the page

  • Hafizuddin Ameruddin 1 year ago

    So anyone now how to solve this error?

    ReferenceError: Rellax is not defined on line #5

  • Jeevan Sira Manjunath 1 year ago

    why do we all getting this same error please can some one solve this.

    Uncaught ReferenceError Rellax is not defined on line 2 in http localhost 8888 wordpress wp includes js jquery jquery min js ver 3.5 1

  • Michael Oxley 10 months ago

    Would be great to publish a "YouTube" design set allowing us to quickly import the finished sections into our page and play wth it.

  • Paul DuVernet 8 months ago

    Getting the same error as mentioned in another comment. "ReferenceError: Rellax is not defined…"