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

<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>