JavaScript / jQuery

Webdesign Inspiration: Use Scroll Top Button Creatively

Posted on Author Peter Stehlík

"Go top" or "scroll to the next part" are popular functions nowadays in web development. What if you merge all functions into one button? And with nice animations?

DEMO SOURCE CODE

On one page websites is a must to have nicely animated “scroll top” button, but it is often used also in common sites. It helps visitors to easily return to the top, especially, if navigation is not fixed.

Landing pages covering all screen often offer “scroll down” button to remind a content below. With one click you move to the next section.

In this demo you find a solution, how to combine these 2 functionalities in only one button. jQuery is used, but without any additional plugin.

Final version (or see demo):

Do you have any other creative tip for using scroll top button?