Overlap Vertical Scroll with Smooth Scroll on Anchor Links

[Chybosky]

Hello Everyone!

Trust you are doing well.

 

I am current struggling with implementing smooth scroll on the  anchor link on the progress bar. I would like for the section scroll smoothly to the section once the anchor link is clicked. Please what is the best way to achieve it?

 

 

I sincerely appreciate any help provide.

 

Thank you.

See the Pen ZEwXeGp by Chybosky (@Chybosky) on CodePen

[mvaneijgen]

Hi @Chybosky

 

Check out the demo below. The trick lies in the ScrollTo Plugin, see line 63. The code prevents default on click and then uses the scrollTo plugin to smoothly scroll to the desired location. 

 

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