仅水平滚动固定量

Question

我正在尝试在移动设备屏幕底部的水平可滚动 div 上放置多个按钮。

所有按钮的宽度相同。

由于我的按钮数量超出了我的容纳范围，我希望 div 能够滚动，这样按钮就不会一半在屏幕上一半关闭。

换句话说，div 应该只滚动固定的量，并且在这些点上是“粘性的”。

这可能吗？我什至不知道那叫什么，否则我会用谷歌搜索更长的时间

Answer 1

您可以将所有按钮放在同一个容器中 并应用这些更改

如果情况并非如此 请考虑提供更多信息

.container {
  display: flex;
  width: 100%;
  overflow-x: auto;
}

 <div class="container">
    <button>button</button>
    <button>button</button>
    <button>button</button>
    <button>button</button>
    <button>button</button>
    <button>button</button>
    <button>button</button>
    <button>button</button>
    <button>button</button>
    <button>button</button>
    <button>button</button>
    <button>button</button>
    <button>button</button>
    <button>button</button>
    <button>button</button>
    <button>button</button>
    <button>button</button>
    <button>button</button>
    <button>button</button>
    <button>button</button>
    <button>button</button>
    <button>button</button>
    <button>button</button>
    <button>button</button>
    <button>button</button>
    <button>button</button>
    <button>button</button>
    <button>button</button>
    <button>button</button>
    <button>button</button>
    <button>button</button>
    <button>button</button>
    <button>button</button>
    <button>button</button>
    <button>button</button>
    <button>button</button>
  </div>