将滚动条的栏放在底部

时间:2011-05-28 22:33:48

标签: javascript jquery html css

我想要一个css属性或者将滚动条的栏放在底部的东西,euh,一个带有固定高度和宽度的div,显示一个文本,但是文本太大并且包裹在这个div中,所以滚动条出现但是栏位于顶部,我希望它出现在底部,你明白了吗?如果是这样,请说出来。

问候。

1 个答案:

答案 0 :(得分:4)

如果你可以使用Javascript,我发现了这个方便的小片段:http://radio.javaranch.com/pascarello/2005/12/14/1134573598403.html所以,你在页面的某个地方有一个div对象并让它调用你的滚动到底部函数onload:

<html>
    <head>
        ...
        <script>
            function scroll_to_bottom(){
                var objDiv = document.getElementById("divExample");
                objDiv.scrollTop = objDiv.scrollHeight;
            }
        </script>
        ...
    </head>
    <body>
        ...
        <div id="divExample" onload="scroll_to_bottom();"></div>
        ...
    </body>
</html>

现在,我不确定这是否是浏览器特定的,但请试一试,看看会发生什么。让我知道它是否有效或是否有问题。

更新:看起来所有浏览器都支持scrollTop,除了早期版本的IE之外的所有浏览器都支持scrollHeight。 http://www.quirksmode.org/dom/w3c_cssom.html#elementview