Hscroll-slider

— a custom element that turns a regular scrollable area into a slider.

Docs/download

Regular scrollable area

Slide 1

Slide 2

Slide 3

Slide 4

Slide 5

Slide 6

Scrollable area with hscroll-slider

Styling

Hscroll-slider doesn't apply any CSS styles to your scrollable area, so the appearance is up to you. All the examples below are made via applying different CSS to scrollable areas.

"Progress" type scrollbar

Slide 1

Slide 2

Slide 3

Slide 4

Slide 5

Slide 6

Show scrollbar while scrolling

Slide 1

Slide 2

Slide 3

Slide 4

Slide 5

Slide 6

Full width

Slide 1

Slide 2

Slide 3

Slide 4

Slide 5

Slide 6

Buttons on sides

Slide 1

Slide 2

Slide 3

Slide 4

Slide 5

Slide 6

Full width slides

Slide 1

Slide 2

Slide 3

Slide 4

Slide 5

Slide 6