Search the Community
Showing results for tags 'screen'.
-
Hi o/ I'm making this post mainly for reference to maybe help some others users which might encounter this issue (and also maybe for you GSAP). I did read the article / documentation about how to integrate GSAP into WordPress using WordPress methods which is a good thing but most devs build / handle directly their assets using a bundler and enqueue only their final build. As of right now (WordPress 6.6 / 6.7), if you use GSAP ScrollTrigger from import / node_modules (the CDN version works fine), and if you enqueue your final js build in editor hooks like "enqueue_block_editor_assets", it will break WordPress admin editor javascript somehow (i think it's related to some global variable clash) and result in a white screen mostly and a lot of console errors (see screenshots below) Code : WordPress admin "New post" page: The fix : load GSAP ScrollTrigger out of your js build using wp_enqueue_script and before enqueueing your js build using the same WordPress function (see how to load it correctly here) Hope this can help Have a good day, Damien
-
- 1
-
- scrolltrigger
- wordpress
- (and 9 more)
-
Hi, I am creating a responsive animation where there's an image on the background and some elements of it are animated. For example, I would like to move a cloud 20% of the screen width, but with the code that I have, it's moving it but of a 20% of the cloud width. Does anyone know how to do it of the screen width instead of the cloud width? This is my code: TweenMax.to('#cloud', 5, { x:"20%", ease:Power1.easeInOut, yoyo: true, repeat:-1 });
- 6 replies
-
- 1
-
- percentage
- greensock
-
(and 8 more)
Tagged with: