Haris Khan

I have tested locally and GSAP ScrollTrigger is working perfectly, but one I place the code in ODOO Online it stops working, If it is possible, I can share with you the URL of Odoo online and the login details so you can check.

I am using gsap in ODOO Online, I have placed the cdns of gsap and scrollTrigger in "Web Layout" file and it is showing that odoo has picked the cdn which is fine, but when I write gsap code i.e gsap.to(".char", { y: 0, stagger: 0.05, delay: 0.2, duration: 0.05, scrollTrigger: { trigger: "#top_brands_tag_two", markers: true, start: "top 80%", end: "bottom 50%", scrub: true } }); .char being the class provided from "Split-type" another javascript library for splitting text for animation. Issue is that markers appear on screen but the element markers which should interact with the big markers are stuck. The element markers when crosses the right side markers will animate the text, but as of now the element markers are stuck and not moving with the scroll.

Thank you man, if there's any thing I'll ask again, Really Appreciated.

When the website loads, on the front page there is an image or a text, when the user scrolls to go down it should zoom in, after zooming in it should disappear/fade and user can carry on to the website, similarly when the user scrolls to the top it should appear again and zoom out back to original, such that it looks like the website has just loaded. Any help is highly appreciated.