Custom Scroll Progress Indicator Bar – uScroll

Category: Javascript , Loading | December 1, 2017
Author: viclafouch
Views Total: 67
Official Page: Go to website
Last Update: December 1, 2017
License: MIT

Preview:

Custom Scroll Progress Indicator Bar – uScroll

Description:

uScroll is a lightweight and standalone JavaScript plugin to create a custom reading progress bar that tracks the scroll events and auto updates the indicator bar depending on the current scroll position.

How to use it:

Load the uScroll’s main JavaScript and CSS files in the document.

<link rel="stylesheet" href="src/styles.min.css">
<script src="src/script.min.js></script>

Initialize the uScroll plugin. Parameters:

  • position: ‘top’, ‘right’, ‘bottom’, ‘left’
  • color: color
  • scrollbar: whether to display the native scrollbar
// uScroll.bind(position, color, scrollbar)
uScroll.bind('top', 'blue', false);

Leave a Reply