我决定为自己创建一个新的起始页,作为学习 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>
最佳答案
检查这个 CSS:
div.set {
margin:5px;
padding:5px;
width: 500px;
height: 110px;
overflow: auto;
}
您需要通过触发类名为 div 使用 overflow:auto;
或 overflow-x: auto;
属性。
希望这对您有所帮助!
关于html - 使用 translateY 滚动元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59084102/