我有一个有水平滚动条的div。是否可以仅使用CSS将滚动条的位置从元素的底部更改为顶部?
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>
1条答案
按热度按时间kt06eoxx1#
好的,我已经想到了这个。根据你的需要修改它,但这就是你所需要的,你只需要CSS,没有JS。这不会改变滚动条,它会把它翻转到顶部,而不是底部。如果你想改变滚动条,那么你需要一个插件(JS插件)。