Jump to content
GreenSock

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

VERTICAL PROGRESS BY DOCUMENT HEIGHT

Go to solution Solved by OSUblake,

Recommended Posts

Hi,
I started with a counter, which was from 0 to 100.
Then I'd tried also what could happen with a progress element.
Btw how can I make, one or another, (number counter, or native html5 progress) to follow the whole body vertical scroll progress?
Setting something like end: +=9999 is not working so well, and setting 999 ends to early and doest count to 100%.
I've seen also scrollproxy but I cant understand how to make it working properly on  vertical way, as many demos shows only some elements expand horizontally, (using scrollproxy).

Of course I can easily set a start and an end point with scrolltrigger, but I really don't understand how to fetch and follow the whole document height.

Thank you, as usual.

See the Pen xxXGBVv by DedaloD (@DedaloD) on CodePen

Link to comment
Share on other sites

  • Solution

You just need to create a ScrollTrigger without a trigger. 😉

 

See the Pen abLOMrN by GreenSock (@GreenSock) on CodePen

 

  • Like 2
  • Thanks 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.
×