Scroll Tracker

A lightweight, modular, easy to use, scroll tracker web component

Displays a small bar at the top of the screen that moves horizontally as you scroll vertically. This is great for blogs, portfolio showcases, and any other long form media content.

Usage

See src/index.html for usage example. It is recommended to set margin and padding on the global (body or html) elemet to zero for the best user exerpience like so:

body {
  padding: 0;
  margin: 0;
}

Attributes

• color :: optional
• height :: optional

Just fill these in like regular CSS properties.

Basic Usage

<script src="ScrollTracker.js"></script>
<scroll-tracker color="#ab457d" height="5px"></scroll-tracker>

Tools

• Web Components API