Jump to content
GreenSock

Jai

ScrollTo Plugin not working when cloning node

Recommended Posts

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

Link to comment
Share on other sites

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?

  • Like 3
Link to comment
Share on other sites

Ah rookie mistake. Thanks Jack.

  • Like 1
Link to comment
Share on other sites

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

 

  • Like 1
Link to comment
Share on other sites

 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.

  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×