javascript - HTML/CSSスクロール可能ロードされたときに要素の上部ではなく下部を表示します

Question

垂直スクロール可能な div があります。問題は、div が読み込まれると、div の上部ではなく下部が表示されることです。先頭に表示できません。助言がありますか？

クリックしたときに有効にする Javascript コード:

 var pbody = document.getElementById("pbody");
 pbody.style.display = "block";

HTML:

<div id="pbody">
         text stuff
</div>

CSS:

#pbody {
    display: none;
    position: relative;
    width: 800px;
    height: 2000px;
    background-color: black;
    border-radius: 100px;
    margin: auto;
    margin-top: 10px;
    overflow: hidden;
    z-index: 200;
    color: white;
    text-align: center;
}