怎样把滚动条放到容器上方
发布在css、html2016年9月6日view:2645css3前端开发前端工程师
在文章任何区域双击击即可给文章添加【评注】!浮到评注点上可以查看详情。

兼容ie9以上

  <head>
        <title></title>
        <style type="text/css">
        #bar {
            width: 500px;
            height: 300px;
            overflow-x: auto;
            /*容器div沿x轴翻转180度(把滚动条放到上方),沿y轴翻转180度 rotateY(180deg)(把滚动条留在右方)*/
            transform: rotatex(180deg);
        }

        #content {
            width: 600px;
            height: 500px;
            /*容器翻转之后内容也翻转了,所以要翻回来*/
            transform: rotatex(180deg);
        }
        </style>
    </head>

    <body>
        <div id="bar">
            <div id="content">
                dfjsklfjsdl
            </div>
        </div>
    </body>
    <script type="text/javascript">
    document.getElementById("bar").scrollTop = document.getElementById("bar").clientHeight;//让滚动条默认滚动底部
    // document.getElementById("bar").scrollLeft = document.getElementById("bar").clientWidth;//让滚动条默认滚动最右
    </script>
评论
发表评论
暂无评论
WRITTEN BY
PUBLISHED IN
css、html

css,html

我的收藏