ScrollTo Plugin not working when cloning node

[Jai 3 Likes (Newbie)]

Hi when cloning any node on the page, the scrollTo plugin no longer works, is there a way around this?

I've taken the default Codepen example and cloned an element to demonstrate the issue.

See the Pen PEXyBN by j2is (@j2is) on CodePen

[GreenSock 18,870 Likes (Superhero)]

Looks like you've just got an error in your code - your querySelector() isn't finding anything because you're missing a "#", thus there's a runtime error being thrown when you try to call cloneNode() on a null object
 

//BAD:

document.querySelector('wrapper')

//GOOD:

document.querySelector('#wrapper');

 

Does that help?

[Jai 3 Likes (Newbie)]

Ah rookie mistake. Thanks Jack.

[GreenSock 18,870 Likes (Superhero)]

No problem at all. Happens to the best of us.

 

[Jai 3 Likes (Newbie)]

 setTimeout(()=> {
    TweenLite.to(window, 2, {scrollTo:{y: 200}});
 }, 0);

 

Actually my issue was that I was cloning a lot of elements in the DOM, so the scroll fired before the DOM had finished cloning. Enclosing this in a setTImeout ensured that this fires all the time.