css 如何将水平滚动条放置在元素的顶部?

bnlyeluc  于 2023-04-08  发布在  其他
关注(0)|答案(1)|浏览(515)

我有一个有水平滚动条的div。是否可以仅使用CSS将滚动条的位置从元素的底部更改为顶部?

kt06eoxx

kt06eoxx1#

好的,我已经想到了这个。根据你的需要修改它,但这就是你所需要的,你只需要CSS,没有JS。这不会改变滚动条,它会把它翻转到顶部,而不是底部。如果你想改变滚动条,那么你需要一个插件(JS插件)。

.Container
{
  width: 200px;
  overflow-y: auto;
  padding: 5px;
  border: 1px solid black;
}

.Content { width: 300px; }

.Container, .Content
{
  transform:rotateX(180deg);
  -moz-transform:rotateX(180deg); /* Mozilla */
  -webkit-transform:rotateX(180deg); /* Safari and Chrome */
  -ms-transform:rotateX(180deg); /* IE 9+ */
  -o-transform:rotateX(180deg); /* Opera */
}
<div class="Container">
  <div class="Content">
    Content Content Content Content Content Content Content Content Content Content Content Content Content Content 
  </div>
</div>

相关问题