Demo of Snapper.js A CSS Snap Points Helper and Polyfill

Basic Snapper example

A snapper carousel with some thumbnail links. By default, item widths are calculated evenly based on the number of total items, so that one item fills 100% of the scroll pane at a time, and the scroller snaps to each item.

Thumbnails are just regular links to a slide's ID attribute. The scrollbar is cropped from sight using the optional snapper_pane_crop div (only recommended when thumbnails or next/prev navigation is in play).