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>

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