Skip to content

Instantly share code, notes, and snippets.

@codegino

codegino/scroll-snap.css

Last active June 21, 2022 09:00
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save codegino/07a7196e44a7eda0709c2f4922356473 to your computer and use it in GitHub Desktop.
Save codegino/07a7196e44a7eda0709c2f4922356473 to your computer and use it in GitHub Desktop.
Download ZIP
Scroll Snap
Raw
scroll-snap.css
.container {
overflow: auto;
display: flex;
scroll-snap-type: x mandatory;
}
.box {
height: 200px;
width: 200px;
background: red;
margin-right: 5px;
flex-shrink: 0;
scroll-snap-align: start;
}
Raw
scroll-snap.html
<div class="container">
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment