jquery向上滚动而不是向下滚动

// HTML结构
<div id="scrollContainer">
  <ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
    <li>Item 5</li>
  </ul>
</div>

// CSS样式
#scrollContainer {
  height: 200px;
  overflow: hidden;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

li {
  height: 40px;
  line-height: 40px;
}

// JavaScript代码
$(document).ready(function() {
  // 向上滚动的函数
  function scrollUp() {
    var firstItem = $('#scrollContainer ul li:first');
    $('#scrollContainer ul').animate({marginTop: -40}, 500, function() {
      $(this).append(firstItem).css({marginTop: 0});
    });
  }

  // 定时器，每3秒执行一次向上滚动函数
  setInterval(scrollUp, 3000);
});