Jump to content
GreenSock

vridaw

What class is this site using to scroll?

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

My developing homies -

 

I am wondering what class this site is using to scroll between pages using via mouse scroller?

 

I noticed the site's body is 100% height and overflow is set to hidden. So the default scrollbars are turned off and it is using a custom class.

 

By checking the JS files the sites loading in, I see a scrollTo class made by GS. This is how I was brought here.

 

Any info on how they are scrolling the site using the mouse from page to page would be awesome!

 

Cheers

Link to comment
Share on other sites

It looks to be TweenLite. Check out the function:

 

movePanel:function(e,t,n){  
  //lots of jQuery     
   TweenLite.to($(".main-container"), u, { css: { marginTop: r }, ease: site.slideEase, onComplete: function () {});

}

 

 

 

Hope that helps. Matt

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