After all these years, and impressive competitors, it's still Best In “GSAP is just miles and miles ahead of any animation library out there. “Any time I've struggled to achieve a complex animation in CSS alone, I've never regretted using 's GSAP.“GSAP makes my job fun, because it allows me to focus on creating rich, engaging web experiences, while GSAP handles much of the implementation details behind the scenes.”.(Since ssg build is carried out through next export, it cannot be preloaded using Image api.) When I applied all the work done so far and took a picture of the console, the maximum number of calls in ScrollTrigger.refresh() was about 60 times. However, no matter how many images I have in my project, it won't go up to 100. I made all the images into promise objects and refreshed them when they were all completed through promise.all, but this didn't work.Īnd when I used 'ZachSaucier's solution in the link above, it worked fine, but when I have a lot of images, it seems to perform poorly because of too many calls.
Is there no way to refresh the image after all images are loaded while maintaining the current state (height: auto) without fixing the height of the image? The reason is, if you do not set the height to be responsive and set it to 150px, the height will be set properly in any situation. The cause seems to be because the image is refreshed in a state where the height of the image is not recognized before the image is loaded. I found the cause of the issue with the first question.Īll images used in my project have a dynamic height (ex.
Thank you for your hard work over the past few days with my questions using the you so much. If you look at the console, it takes about 60 console shots while changing the contents to fit each anchor, and then stops. set(resize) height function refreshHeight () ) It was working fine, but an unexpected problem occurred when the subpage was added. I implemented smooth-scroll using scrollTrigger while looking at the example in the official documentation. First of all, I apologize for my poor English using a translator.
0 kommentar(er)
