Così come gli elementi HTML posseggono una proprietà padding e margin, anche per quanto riguarda il CSS scroll snap abbiamo dei modificatori di spazio.

.container {
  overflow-y: auto;
  scroll-snap-type: x mandatory;
  scroll-padding: 0 0 0 50px; /* Top, Right, Bottom, Left */
}

.item.with-margin {
  scroll-margin-left: 20px;
}

Il padding, applicato al contenitore, sposta il punto di ancoraggio in base al valore fornito, al pari il margin applicato agli elementi figli, sposta l'elemento dello spazio richiesto.

Come ultimo punto, una volta inseriti gli elementi ed applicato gli stili, coerentemente con il layout, possiamo specificare come lo slider seguirà le azioni dell'utente: utilizzando la proprietà scroll-snap-stop possiamo bloccare lo scorrimento automatico di un elemento, indistintamente da quanto l'utente scrolli velocemente, utile in casi di slider con molti elementi ravvicinati e per i quali è necessaria una presa visione.

.item.with-stop {
  scroll-snap-stop: always;
}