Smooth Scroll To Top Plugin For jQuery - Scrolls.js

File Size: 6.5 KB
Views Total: 6924
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Smooth Scroll To Top Plugin For jQuery - Scrolls.js

Scrolls.js is a lightweight jQuery scroll to top plugin that enables a configurable button to smoothly scroll back to the top of the webpage.


  • Auto generates a hidden 'top' anchor links at the beginning of the webpage.
  • Auto generates a custom 'scroll to top' button at the end of the webpage.
  • Smooth button hover effect based on CSS3 transitions.

How to use it:

1. Include the jQuery Scrolls.js script after you've included the latest jQuery JavaScript library.

<script src="//"></script>
<script src='scrolls.js'></script>

2. Just initialize the plugin on document ready and the Scrolls.js will do the rest.


3. Config the color & opacity of the scroll to top button.

config: {

  // hover color
  hoverColor: "#DB7661",

  // bg color
  bgColor: "#1f2b31",

  // opacity
  // 0 - 1
  opacity: 1

This awesome jQuery plugin is developed by markogrady1. For more Advanced Usages, please check the demo page or visit the official website.