Native Slider

November 12, 2013 3:59 pm Published by Leave your thoughts


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

Usage: Add native-slider.css and native-slider.js to a jQuery-enabled 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.


Categorised in:

This post was written by rado

Leave a Reply

Your email address will not be published. Required fields are marked *