是否可以使用css从元素的底部到顶部更改滚动条位置?
我怎么做?
codepen.io/anon/pen/xacvC
我希望在元素顶部有滚动条。
答案 0 :(得分:3)
好的,我想出了这个。根据您的需要进行修改,但这就是您所需要的,您只需要CSS,而不需要JS。这不会改变滚动条,它会将它翻转到顶部而不是底部。如果你想更改滚动条,那么你需要一个插件(JS插件)。
<html>
<head>
<title></title>
<style>
.Container
{
width: 200px;
overflow-y: auto;
}
.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 */
}
</style>
</head>
<body>
<div class="Container">
<div class="Content">
Content Content Content Content Content Content Content Content Content Content Content Content Content Content
</div>
</div>
</body>
</html>