Lightweight Visual Indicator For Scrollable Content – overflow-shadow

Category: Javascript | March 14, 2023
Author:tapiocode
Views Total:105 views
Official Page:Go to website
Last Update:March 14, 2023
License:MIT

Preview:

Lightweight Visual Indicator For Scrollable Content – overflow-shadow

Description:

A tiny and simple-to-implement JavaScript library that adds gradient shadows to the edge of the scrollable containers, indicates that more content can be revealed by scrolling.

See Also:

How to use it:

1. Download and import the overflow-shadow.js into your HTML document.

<script src="overflow-shadow.js"></script>

2. Just add the overflow-shadow class to your scrollable DIV and the library will take care of the reset.

<div overflow-shadow>
  ...
</div>

You Might Be Interested In:


Leave a Reply