<carou-scroll> Web Component

Back to the Source Code


This one includes a variety of child element types including <img> and <picture>. Note that the images are not loaded until you begin to scroll horizontally (when the browser supports loading="lazy").

Next/Previous Buttons


Show Current Slide Output

Show Current Slide Output with Custom Markup (e.g. i18n)

Full control of button styles and placement

Smooth scroll on Button Navigation

Links instead of Buttons

Manual Scroll Snap CSS

Useful if you want scroll snapping to be available before or without JavaScript.