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

Question

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

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

<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;