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

Question

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

Ale*_*nin 3 html javascript css

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

我该怎么做？

codepen.io/anon/pen/xacvC

我想在元素顶部有滚动条。

Answer 1

Fre*_*red 7

好的，我想出了这个。根据你的需要修改它，但这就是你所需要的，你只需要 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>

Run Code Online (Sandbox Code Playgroud)

这会导致垂直滚动方向反转 (3认同)
这不是一个正确的解决方案。嵌套内容不会旋转，这会颠倒显示。 (3认同)

归档时间：	11 年，4 月前
查看次数：	10235 次
最近记录：	11 年，4 月前