html - 使用 translateY 滚动元素

Question

我决定为自己创建一个新的起始页，作为学习 flexbox 和其他一些东西的一种方式。现在我的问题是我有一个 div，其中几乎没有其他可滚动的 div。但我不想使用普通滚动，我想要一些东西，如果我用鼠标滚动，它会移动整个 div，我得出的结论是我必须使用 translateY，但我不知道如何使用它

这是(简化的)代码；

#container {
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.set {
  min-height: 100%;
  width: 100%;
}

<div id="container">
  <div class="set">
    <a>...</a>
    <a>...</a>
  </div>
  <div class="set">
    <a>...</a>
    <a>...</a>
  </div>
  <div class="set">
    <a>...</a>
    <a>...</a>
  </div>
</div>

Answer 1

检查这个 CSS:

div.set { 
   margin:5px; 
   padding:5px; 
   width: 500px; 
   height: 110px; 
   overflow: auto; 
}

您需要通过触发类名为 div 使用 overflow:auto; 或 overflow-x: auto; 属性。希望这对您有所帮助!