I came across this nicely designed audio player on CodePen, put together by Michael Zhigulin It uses the waves.js click effect library...
Prototype page scrollingAshley
I’ve been working on a project over the last few days that uses anchor links to direct the user to specific content on the page, but instead of just clicking the link and page snapping to the content i thought it would be nice for the page to scroll to the specific content. This technique can be achieved using Prototype effects.
You need to include to the Prototype framework and effects library as shown below. Both of these files are in the download.
Place the code below along with the above in between the <head> </head> tags
So how do you use this?
Click here to go to the top div> Click here to go to the bottom div>