如何改变CSS滚动条位置？ [英] How to change scroll bar position with CSS?

问题描述

有什么方法可以使用CSS从左到右或从底部到顶部更改滚动条的位置？

Is there any way to change position of scroll bar from left to right or from bottom to top with CSS ?

推荐答案

仅使用CSS：

向右/向左翻转： 工作小提琴

Right/Left Flippiing: Working Fiddle

.Container
{
    height: 200px;
    overflow-x: auto;
}
.Content
{
    height: 300px;
}

.Flipped
{
    direction: rtl;
}
.Content
{
    direction: ltr;
}

顶部/底部翻转： 工作小提琴

Top/Bottom Flipping: Working Fiddle

.Container
{
    width: 200px;
    overflow-y: auto;
}
.Content
{
    width: 300px;
}

.Flipped, .Flipped .Content
{
    transform:rotateX(180deg);
    -ms-transform:rotateX(180deg); /* IE 9 */
    -webkit-transform:rotateX(180deg); /* Safari and Chrome */
}

这篇关于如何改变CSS滚动条位置？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！