Dennyno Posted December 3, 2021 Share Posted December 3, 2021 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 More sharing options...
Solution OSUblake Posted December 3, 2021 Solution Share Posted December 3, 2021 You just need to create a ScrollTrigger without a trigger. 😉 See the Pen abLOMrN by GreenSock (@GreenSock) on CodePen 2 1 Link to comment Share on other sites More sharing options...
Dennyno Posted December 3, 2021 Author Share Posted December 3, 2021 Woha! Great! Thanks, never mind Link to comment Share on other sites More sharing options...
AllenIVe Posted September 29, 2023 Share Posted September 29, 2023 how to position it at right 0 with height 100vh? Link to comment Share on other sites More sharing options...
Rodrigo Posted September 29, 2023 Share Posted September 29, 2023 Hi @AllenIVe, I forked Blake's codepen, is just about some CSS: See the Pen RwEJzVV by GreenSock (@GreenSock) on CodePen Hopefully this helps. Happy Tweening! 2 Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now