Hello! I have a curtains.js hover interaction on the footer but only works when I reload the page two or three times, the same happens with the text animation.
And there is another problem, when I scroll and go through text that has animation, the page lags. How can I fix these errors?
Console error:
5 Unchecked runtime.lastError: The message port closed before a response was received.
gsap.min.js:10 GSAP target [object NodeList] not found. https://greensock.com
R @ gsap.min.js:10
gsap.min.js:10 GSAP target not found. https://greensock.com
R @ gsap.min.js:10
(index):1168 Uncaught TypeError: Cannot read properties of null (reading ‘load’)
at (index):1168:9
curtains.umd.js:1927 curtains.js - v8.1.6
2(index):334 Uncaught (in promise) TypeError: Failed to execute ‘getComputedStyle’ on ‘Window’: parameter 1 is not of type ‘Element’.
at writeTitle ((index):334:39)
at (index):395:25
(index):334 Uncaught TypeError: Failed to execute ‘getComputedStyle’ on ‘Window’: parameter 1 is not of type ‘Element’.
at writeTitle ((index):334:39)
at Plane._onAfterResizeCallback ((index):425:13)
at Object.callback (curtains.umd.js:7173:60)
at curtains.umd.js:827:19
at Array.map ()
at CallbackQueueManager.execute (curtains.umd.js:825:20)
at Curtains.render (curtains.umd.js:2090:34)
at Curtains._animate (curtains.umd.js:1997:14)
Here is my site Read-Only: Webflow - Fine Crafts and Concept Design Award '24