Jump to content
GreenSock

Ivan Mocs

How to make Back to top with Progress indicator? (locomotive scroll)

Go to solution Solved by GreenSock,

Recommended Posts

Hello, how to make Back to top with progress indicator like this:

i use locomotive scroll in html

 

I use it, but it not work Back to top with progress indicator 2 (codepen.io)

 

 

Screenshot 2022-05-21 103134.png

See the Pen LoWqqL by stijnlammerink (@stijnlammerink) on CodePen

Link to comment
Share on other sites

  • Solution

That's an extremely inefficient way of doing it. Not only is that code much more CPU-intensive, you could drop jQuery altogether and shrink the code significantly by using DrawSVGPlugin (Club GreenSock membership benefit), ScrollTrigger, and ScrollToPlugin: 

See the Pen GRQEYwZ?editors=0010 by GreenSock (@GreenSock) on CodePen

 

I hope that helps. 

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