overflow-y: scroll； 动态赋值时无法回到顶部

<div class="notice-con" id="notice-con">

动态赋值内容

</div>

.notice-con {
         margin: 14px 30px;
         height: 64px;
         overflow-y: scroll;
}

       

 

图一内容滑动后，显示图二内容时容器高度不是从头开始

解决方案：

document.getElementById("notice-con").scrollTop = 0