Skip to content

SnapScroll 🟠 Not ready

The SnapScroll component can be used imported from:

Playground

Construction

The CSS component uses the <section> tag with the z-snap-scroll HTML custom attribute.

z-snap-scroll

The z-snap-scroll attribute is used to create a snap scroll layout. It is used to create a horizontal scroll layout by default. To create a vertical scroll layout, add the vertical value to the attribute.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Browser support

Detected engine:  

  • Chromium

  • Webkit

  • Gecko

HTML Examples

CodeSandbox example