Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
DTales

ScrollTo Plugin scroll to div plus extra space

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hello

I made a scroll animation to a specific div with ScrollTo Plugin. Everything works perfectly but I need the window to Scroll a bit more (100px) because that div is partially hidden by menu. Can I combine scroll to a div adding an extra scroll amount? Can you suggest me a trick please? Thanks

 

This is the script:

var clip = "#category-content";
TweenMax.to(window, 1, {scrollTo:{y:clip, autoKill:false}, ease:easingCustom1, force3D: true});
Link to comment
Share on other sites

Hey @DTales,

 

Without seeing the case, it is not easy to give advice.

Please provide your (reduced) case in a CodePen.

 

Just one option: Set the body so that there is enough space.
E.G. body height = content height + 200px

 

Happy tweening ...

Mikel

 

Link to comment
Share on other sites

works perfectly, thanks!

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.
×