draggable-scrollarea

Enable drag to scroll on any area with an overflow scroll.

Usage

You can load it from a CDN, with cdn version of library:

<script src="https://cdn.jsdelivr.net/npm/draggable-scrollarea@1"></script>
<script>
    const draggableDiv = new DraggableScrollArea(document.querySelector('#draggable-div'));
</script>

Or you can import it via ES6 module:

npm i draggable-scrollarea

import DraggableScrollArea from 'path/to/draggable-scrollarea';

const draggableDiv = new DraggableScrollArea(document.querySelector('#draggable-div'));

Options

new DraggableScrollArea(element: HTMLElement);

Methods

| Method | Description | | -------------------------- | ---------------------------------------------------- | | forwards(void) | Scroll forwards | | backwards(void) | Scroll backwards | | hideOnStart(HTMLElement) | Hide an element when scrollarea is at start position | | hideOnEnd(HTMLElement) | Hide an element when scrollarea is at the end | | | |

License

(c) 2022 Arno CELLARIER. Licensed under the MIT license.