codrops / animatedcustomcursor Goto Github PK

We have a problem that cursor works only on the place of the size of the screen (2880x1440.. just first visible screen on website) but when your website is scrollable and much longer - when you scroll, cursor disappear. This issue is also in your version on Codrops.

Is it a bug or just a bad implementation? :)
Thanks for the solution!

There is an unnecessary use of scroll data in this code
(at the moment, if you scroll the cursor goes up at some point and disappear).

cursor.js

Before:

this.renderedStyles.ty.previous = this.renderedStyles.ty.previous = mouse.y - this.bounds.height/2 - docYScroll;

After:

this.renderedStyles.ty.previous = this.renderedStyles.ty.current = mouse.y - this.bounds.height/2;

cursor.js

Before:

this.renderedStyles['ty'].current = mouse.y - this.bounds.height/2 - docYScroll;

After:

this.renderedStyles['ty'].current = mouse.y - this.bounds.height/2;

Also a little typo here (previous used twice, should be current):
cursor.js

After:

this.renderedStyles.ty.previous = this.renderedStyles.ty.current = mouse.y - this.bounds.height/2;

Hi,

I'm trying to use this, I love it :), but got some really annoying issue, on all 4 demo it's showing me

Uncaught TypeError: Cannot read property 'setAttribute' of null
    at Timeline.onUpdate [as _onUpdate] (cursor.js:144)
    at _callback (gsap-core.js:989)
    at Timeline.render (gsap-core.js:2219)
    at Timeline.render (gsap-core.js:2164)
    at _lazySafeRender (gsap-core.js:256)
    at Array.updateRoot (gsap-core.js:2589)
    at _tick (gsap-core.js:1296)

Can you help me with this :D ?

Love this, its amazing!
Just wondering how to make it smaller? I'm using demo 3. I've been looking through the code but can't see a simple solution. Thanks