[html] CSS로 스크롤 막대 위치를 변경하는 방법은 무엇입니까?

Program / 글쓴이

CSS를 사용하여 스크롤 막대의 위치를 ​​왼쪽에서 오른쪽으로 또는 아래에서 위로 변경하는 방법이 있습니까?

답변

CSS 만 사용 :

오른쪽 / 왼쪽 Flippiing : 작업 바이올린

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

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

위 / 아래 뒤집기 : 작업 바이올린

.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 */
}

답변

여기에 또 다른 방법으로, 인 rotating element과 scrollbar위한 180deg,포장 그것의 content다른 구성 요소로하고 rotating있는지 wrapper에 대한 -180deg. 아래 스 니펫을 확인하세요.

코드 스 니펫 표시

답변

이것을 시도하십시오. 도움이 되었기를 바랍니다

<div id="single" dir="rtl">
    <div class="common">Single</div>
</div>

<div id="both" dir="ltr">
    <div class="common">Both</div>
</div>



#single, #both{
    width: 100px;
    height: 100px;
    overflow: auto;
    margin: 0 auto;
    border: 1px solid gray;
}


.common{
    height: 150px;
    width: 150px;
}

답변