Minimal Page Scroll Position Indicator – youAreHere.js

Category: Javascript | October 8, 2015
Author: NicolasJEngler
Views Total: 1,950
Official Page: Go to website
Last Update: October 8, 2015
License: MIT

Preview:

Minimal Page Scroll Position Indicator – youAreHere.js

Description:

youAreHere.js is a very small (~1kb minified) JavaScript library for generating an auto-update progress bar that indicates where are you when you scroll down or up the web page.

How to use it:

Include the youarehere.js script from dist folder.

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

Initialize the scroll position indicator with customization options.

youAreHere({

  // height of the scroll position indicator
  // accepts values in px, %, and rem
  height: '60px' ,

  // indicator color
  color: '#2e2e2e',

  // enable easing effect
  easing: true
  
});

You Might Be Interested In:


Leave a Reply