如何从元素的底部到顶部更改滚动条位置?

时间:2014-07-28 08:18:48

标签: javascript html css

是否可以使用css从元素的底部到顶部更改滚动条位置?

我怎么做?

codepen.io/anon/pen/xacvC

我希望在元素顶部有滚动条。

1 个答案:

答案 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>