鼠标滚动时，jQuery列表自动滚动到第一个元素

Question

我使用scrolltop动画来滚动到列表的结尾元素。 列表滚动到底部成功，但是当我在列表上滚动鼠标时，它将自动跳到第一个元素。 这是我的代码：

$('#content').stop().animate({scrollTop: $('#content').prop("scrollHeight")}, 500);

我的列表：

<ul id="content"  class="chat-list slimscroll p-t-30">
  <li>Element 1</li>   
  <li>Element 2</li>
  <li>Element 3</li>   
  <li>Element 4</li>
</ul>

请帮助我解决这个问题