Climb.js

Using jQuery, Climb.js adds an animated, fixed position, scroll to top button to the document that will return a user to the top of the current page when clicked.

Add a button element with #climb to your existing HTML and include the JavaScript file after jQuery at the bottom of your document.

To call the Climb.js function use climb_init(); and then add your custom styles.

    
      <button id="climb"></button>

      <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js">
      <script src="scripts/climb.min.js">

      <script>
        climb_init('white', '#3F51B5', 'right', 0, 100, 800, 500);
      </script>

    </body>
    </html>
    
  

Options

• Color of the icon
• Background color of button
• Side of the window to display the button
• X-coordinate
• Y-coordinate
• Window height at which to display the button
• How long it takes to return to the top of the page

The button Climb.js creates helps users to quickly return to the top of the current page. This is especially useful for really long, one-page websites.

Climb.js is available under the MIT license on GitHub. Below is a download link and a link to view the repository.