the answer for all question about Oxygen Builder plugin and WordPress

Hi All,


Hi All,
Having an issue with parallax (when there’s more than one on a page). I’m using the Gsap method from the oxygen4fun tutorial.
If there is more than one parallax banner on a page, it only displays the first. The second will display if I switch off the first.
I’m loading via advanced scripts with this JS:
jQuery(document).ready(function($) {
gsap.registerPlugin(ScrollTrigger);
gsap.to(“.parallax”, {
backgroundPosition: “50% 100%”,
ease: “none”,
scrollTrigger: {
trigger: “.parallax”,
start: “top bottom”,
end: “bottom top”,
scrub: true
}
});
gsap.to(“.parallax-up”, {
backgroundPosition: “50% 0%”,
ease: “none”,
scrollTrigger: {
trigger: “.parallax-up”,
start: “top bottom”,
end: “bottom top”,
scrub: true
}
});
});

Any ideas what i’m doing wrong?


Source

2 Comments
  1. Alan Gunning says

    example on this page – the hero has parallax and the ‘contact’ background also – http://highlandwagyu.uk.w3pcloud.com/trade/

  2. Uditha Wishvajith says

    Following

Leave A Reply

Your email address will not be published.

Oxyrealm Docs