Neg

Yes , thanks a lot @nicofonseca That was the reason!

Hi again, I tried to use autoAlpha here, but I've faced with errors. There are two timelines in js file, one for svg and the other for loading " .content" after loading the page but in my local host after loading svg the content cannot be loaded! (have no clue why?) and in codepen svg and conttent both cannot be loaded. Can any body help me ? Thank you https://codepen.io/webplot/pen/LYyMppO

I will go for "fade in" as you suggested. Thanks for the link.

Hi agian @Cassie, In order to load java faster than html I put my java text inside module <script type=''module"> and it really works But not always.

Hi @Cassie, thanks a lot for : It helped a lot. I will definitely update my syntax.

Hi everybody, This is an example of what I intend to make (not exactly but almost). There are two problems here: First, the text flashes on before svg loads and this is not good and second, the buttons become disabled. I spent hours to solve this but I got stuck. Could you please help me? Thanks

Thanks a lot! This fixed the issue. :root { scroll-behavior: inherit; }

I cannot find it in my CSS!

I don't know how to use codepen for WordPress. For ScrollToPlugin I used CDN.

I don't understand what you mean?

Hi @Cassie, I am trying it on my local host and don't know how I can make a demo of it. I just copied the same css, html and js code from above link and I see the differences in different browser. Do you know why?

Hello, While I was testing this example in my own website with different browser, I noticed that it scrolls very smooth in Firefox (like the example in the codepen) but in Edge and Chrome no matter what ease I choose or how long the duration is, scroll is not smooth, I see that #Section suddenly jump under navigation bar and this is very annoying. Do you know how can I solve this? Thanks

Thank you for guidance, very helpful but using gsap modules with LavarelMix for me became very complicated! Thus, I used another approach and now all working well

I followed this instruction: npm install ./gsap-bonus.tgz (because I want to use ClubPlugins) and got gsap in my node-modules folder (see screenshot , left column), then I imported them in aap.js to make global for all of my projects. "Gsap" and "Extraplugins" work very well because I use script tags in my header file. My problem now is not being able to use "ClubPlugins" in wordpress (using lavarelMix) neither through script tags nor import. If you have any clue, I would appropriate. thanks

Thanks for quick reply. I tested all gsap plugins in a simple html file separately using the same examples in Doc with script tags and I noticed that all working well. Then, I tested the functionality of "Extra Plugins" by using again script tags in the header file and I noticed that it works very well too. But when I tested the same plugins through importing in app,js , I noticed that those plugins are not working even though I receive no error. You can imagine that I have the same issue with "Club Plugins". First I tried them with script tags, no work! Then I tried them with importing in app,js and registering (capture 1) again no response. Could you please help me? Thanks