CSS Scroll Snap 生成器

返回首页/开发编程/CSS Scroll Snap 生成器

方向

吸附类型

对齐

Gap 16px

Padding 0px

项数6

预设:

实时预览（试试滚动）

CSS

.scroll-container {
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  display: flex;
  flex-direction: row;
  gap: 16px;
  scroll-padding: 0px;
}

.scroll-item {
  scroll-snap-align: start;
  min-width: 80%;
  flex-shrink: 0;
}

加载中...