jquery 表格表头固定，表格滚动

jquery 表格表头固定，表格滚动

实现了表头固定，表身滚动：

<div id="scroll_table" class="col-md-12 bottom_half" ><table width="100%"><thead><tr><th>生产线</th><th>状态</th><th>操作人</th><th>订单号</th><th>工序</th><th>在产产品名</th><th>在产批次</th><th>计划产量（kg）</th><th>目前产量</th><th>产量进度</th><th>时间进度</th><th>当周计划产量</th><th>当周产量进度</th></tr></thead><tbody id="kbTable" ></tbody></table></div>

<script type="text/javascript" th:src="@{/js/jquery.js}"></script>
<script type="text/javascript">$(function() {var $this = $("#scroll_table");var scrollTimer;$this.hover(function() {clearInterval(scrollTimer);}, function() {scrollTimer = setInterval(function() {scrollNews($this);}, 200);}).trigger("mouseleave");function scrollNews(obj) {var $self = obj.find("tbody");var lineHeight = $self.find("tr:first").height();$self.animate({"marginTop": -lineHeight + "px"}, 600, function() {$self.css({marginTop: 0}).find("tr:first").appendTo($self);})}
})</script>

然后就好了，不断的循环滚动，非常强大，供大家学习