scroll-snap-arrows

Add arrows to your scrollable elements that scroll to the next available snap position.

The arrow elements will automatically hide if there are no more snap positions available in its direction.

Uses scroll-snap-api.

Demo

Install

``shell
yarn add scroll-snap-arrows

npm install --save scroll-snap-arrows
`

Or use directly:

`js
import { ScrollSnapArrows } from 'https://cdn.pika.dev/scroll-snap-arrows';
`

Usage - Data attributes

Add whichever directions you want. Pass a CSS selector as the attribute value.

Here's an example with all four directions:

`html


⏪
⏩
⏫
⏬


`

Usage - JavaScript

`html


⏪
⏩
⏫
⏬


``