jQuery scrollTop无效

Question

1. 运行jsfiddle并且它有一个ul，每个50px高度添加10 li。 2.最初我使用

   滚动到400px高度

   $（ “＃列表”）scrollTop的（400）;

3.现在使用“添加记录”按钮添加了10条记录。 4.现在ul的总高度应该是1000px（对于所有项目）。 5.现在我点击“scrollsome”按钮，它应该将控件滚动到800px。但它没有用。它停在

https://jsfiddle.net/wx38rz5L/1792/

HTML

<input type="submit" id="byBtn" value="Add A Record"/>

<input type="submit" id="btnscroll" value="Scroll Extra"/>
<br/>
<br/>

<ul id="list" style="height:100px;overflow:scroll">
</ul>

JS

$(document).ready(function() {
  $("#byBtn" ).on( "click", addhtml );
   $("#btnscroll" ).on( "click", scrollsome );

  for(i=0;i<10;i++)
  {
  $("#list").append('<li style="height:50px"><a href="#"><span class="tab">Message Center</span></a></li>');
  }
  $("#list").scrollTop(400);

});

function addhtml(){
    $("#list").append('<li style="height:50px"><a href="#"><span class="tab">Message Center</span></a></li>');
}

function scrollsome(){
   $("#list").scrollTop(800);
}