如何在页面底部固定垂直滚动条?

时间:2016-10-05 18:18:55

标签: javascript jquery html css

我必须在body标签上显示样式为overflow-y:scroll的页面。 我找到了this question,但这仅适用于div标记。我必须在页面上应用该样式。请检查接受的答案。你能帮我解决一下吗?



$("body").scrollTop($('body').height())

body{ overflow-y:scroll;height:200px;width:200px}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="messages">
    Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
     Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
     Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
     Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
     Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
     Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
     Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
     Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
     Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>

     Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
     Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
     Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
     Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
    Hello<br>
    <br>
</div>
&#13;
&#13;
&#13;

enter image description here

enter image description here

0 个答案:

没有答案