native slider
JavaScript CSS HTML
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
include
DSC_4225.jpg
DSC_4428.jpg
README.md
index.html

README.md

native-slider

CSS-only slider with native browser scrolling and JS navigation buttons. Optimised for mobile without mobile-specific code. Multiple sliders on one page. 5K gzipped.

Usage: Add native-slider.css and native-slider.min.js to a page and wrap the slides with a ".slider" container.

How it works: The slides are lined up horizontally with "display: inline-block" and prevented from dropping below by "white-space: normal". The sliding action is native browser scrolling.