Minimalist Scroll Position / Reading Progress Indicator – scrollpup.js

Category: Javascript , Recommended | November 29, 2018
Author: flouthoc
Views Total: 961
Official Page: Go to website
Last Update: November 29, 2018
License: MIT

Preview:

Minimalist Scroll Position / Reading Progress Indicator – scrollpup.js

Description:

The scrollpup.js library lets you create a top progress bar to visualize the reading progress of your page/article/post when scrolling down or up the webpage. Written in ES6.

How to use it:

Download and insert the minified version of the scrollpup.js library into the document.

<script src="./dist/scrollpup.js"></script>

Initialize the scrollpup.js and the plugin will take care of the rest.

scrollpup();

Set the height of the reading progress indicator. Default: 10px.

scrollpup({
  height: '5px'
});

Customize the background color of the reading progress indicator.

scrollpup({
  background: 'linear-gradient(to right, #36d1dc, #5b86e5)'
});

You Might Be Interested In:


Leave a Reply