maxyoung

Hi Zach, I also encounter issues with ScrollTo error. On my first scroll down the page, there are no error popping up on DEV TOOLS. Errors sufface as I scroll up the page. Kindly advise what should i do to remedy the situation, thanks.

Jack, I finally got it working on DIVI. A Big Thank You for your help. Really appreciate it!

Any examples how i should ensure GSAP code is AFTER the DOM element? Thanks Jack

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.4.2/gsap.min.js" /></script> <script src="http://fundingsnetwork.com/wp-content/themes/Divi/js/gsap.min.js"></script> <script> gsap.to(".box", {duration: 2, x: 300}); gsap.to(".green", {duration: 3, rotation: 360, scale: 0.5}); </script> <div class="box orange"></div> <div class="box grey"></div> <div class="box green"></div>

<script src="http://fundingsnetwork.com/wp-content/themes/Divi/js/gsap.min.js"> gsap.to(".box", {duration: 2, x: 300}); gsap.to(".green", {duration: 3, rotation: 360, scale: 0.5}); </script> <div class="box orange"></div> <div class="box grey"></div> <div class="box green"></div>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.4.2/gsap.min.js" /></script> <script src="http://fundingsnetwork.com/wp-content/themes/Divi/js/gsap.min.js"></script> <script> gsap.to("h2.title", {duration: 1, opacity: 0.3}); gsap.to(".box", {duration: 2, x: 300}); gsap.to(".green", {duration: 3, rotation: 360, scale: 0.5}); </script> <div class="box orange"></div> <div class="box grey"></div> <div class="box green"></div>

I have already fixed function.php enqueue, now this occured:-

I did not call the script from /style.css/ ...

not sure why DIVI is calling the script file from /style.css/ , when I am calling the script from from child theme's js folder, which is where i placed the gsap.min.js file.

I am also asking DIVI support team to help me out. They are offline currently. I guess I just need to wait for DIVI support team to reply. Thanks Jack.

I uploaded gsap.min.js into my child theme and call the script tag file in my webpage. Greensock animation is still not working on my webpage. I also check Dev Tools to look for any errors, there were no errors displayed. <script src="http://yoursite.com/wp-content/themes/yourchildtheme/js/gsap.min.js"></script> Animation is not working, what should I do next?

Yes DIVI is based on wordpress theme. I am confused, because I saw some forum post mentioned about functions.php

How to setup Greensock in DIVI themes?