scrollTop in Greensock?

[Vincentccw]

I have created a sample for it:

See the Pen vLIGh by vincentccw (@vincentccw) on CodePen.

 

If you look into my javascript panel I have 2set of codes, one using jquery and GSAP another is just jquery(comment out). The code will be active once use scroll down using mouse wheel.

 

My question is how do I use scrollTop but completely in GSAP? As I think GSAP is more readable and animate faster and most importantly I can set up more complex animation at the same time.

[Rodrigo]

Hi,

 

The engine has it's own plugin, the scrollTo plugin, is incredibly simple to use, you get great results and you could animate other things while the scroll takes place.

 

You can read more about it here:

http://api.greensock.com/js/com/greensock/plugins/ScrollToPlugin.html

 

I've created some samples as well as a blog post in this matter:

 

http://codeaway.info/greensock-animation-platform-scroll-to-plugin-sample/

 

In the following codepens the scrollTo plugin is used to generate an autoscroll feature that it could help, considering the structure of the codepen you just posted:

 

Fixed height sample: 

See the Pen bjLxe by rhernando (@rhernando) on CodePen.

 

Dynamic height sample: 

See the Pen dLxAJ by rhernando (@rhernando) on CodePen.

 

Hope this helps,

Cheers,

Rodrigo.

[Vincentccw]

Hi,

 

The engine has it's own plugin, the scrollTo plugin, is incredibly simple to use, you get great results and you could animate other things while the scroll takes place.

 

You can read more about it here:

http://api.greensock.com/js/com/greensock/plugins/ScrollToPlugin.html

 

I've created some samples as well as a blog post in this matter:

 

http://codeaway.info/greensock-animation-platform-scroll-to-plugin-sample/

 

In the following codepens the scrollTo plugin is used to generate an autoscroll feature that it could help, considering the structure of the codepen you just posted:

 

Fixed height sample: 

See the Pen bjLxe by rhernando (@rhernando) on CodePen.

 

Dynamic height sample: 

See the Pen dLxAJ by rhernando (@rhernando) on CodePen.

 

Hope this helps,

Cheers,

Rodrigo.

 

Thanks but 1 of your link appear to be broken, nevertheless everything is well documented in the documentation so is fine though I can refer from there. 

[Rodrigo]

Hi,

 

You're welcome.

 

Just checked the links and everything seems to be working ok; which one wasn't working?

 

Cheers,

Rodrigo.

[Vincentccw]

Hi,

 

You're welcome.

 

Just checked the links and everything seems to be working ok; which one wasn't working?

 

Cheers,

Rodrigo.

 

The secodn link isn't working though

 

I've created some samples as well as a blog post in this matter:

 

http://codeaway.info...-plugin-sample/