Scroll Snap Stop

Utilities for controlling whether you can skip past possible snap positions.

Use the utility together with the snap-mandatory utility to force a snap container to always stop on an element before the user can continue scrolling to the next item.

Use the utility to allow a snap container to skip past possible scroll snap positions.

Tailwind lets you conditionally apply utility classes in different states using variant modifiers. For example, use hover:snap-normal to only apply the utility on hover.

For a complete list of all available state modifiers, check out the Hover, Focus, & Other States documentation.

To learn more, check out the documentation on Responsive Design, and other media query modifiers.