jQuery实现表格数据无限滚动

先来看下效果：

滚动

    <div class="tbody-box">
	    <div class="tbody">
		    <div id="swyh-bar">
			    <li class="list">
				    <div class="td">123</div>
				    <div class="td">456</div>
				    <div class="td">789</div>
				    <div class="td">$111 }</div>
			    </li>
			    <li class="list">
				    <div class="td">123</div>
				    <div class="td">456</div>
				    <div class="td">789</div>
				    <div class="td">$111 }</div>
			    </li>
			    <li class="list">
				    <div class="td">123</div>
				    <div class="td">456</div>
				    <div class="td">789</div>
				    <div class="td">$111 }</div>
			    </li>
			    <li class="list">
				    <div class="td">123</div>
				    <div class="td">456</div>
				    <div class="td">789</div>
				    <div class="td">$111 }</div>
			    </li>
			    <li class="list">
				    <div class="td">123</div>
				    <div class="td">456</div>
				    <div class="td">789</div>
				    <div class="td">$111 }</div>
			    </li>
			    <li class="list">
				    <div class="td">123</div>
				    <div class="td">456</div>
				    <div class="td">789</div>
				    <div class="td">$111 }</div>
			    </li>
	        </div>
	    </div>
    </div>

    .tbody-box {
        position: relative;
	    overflow: hidden;
	    height: 208px;
    }

    .list {
	    display: flex;
	    align-items: center;
	    height: 42px;
	    box-sizing: border-box;
    }

    .tbody {
	    position: relative;
	    top: 0;
    }

    .tbody .td {
	    font-size: 14px;
	    font-family: PingFangSC-Medium, PingFang SC;
	    font-weight: 500;
	    color: red;
	    line-height: 22px;
	    margin: 0 50px;
    }

    function autoScroll(obj) {
		var tableUl = $(obj);
		var first = tableUl.find("li:first");
		var height = first.height();
		first.animate(
			{
				height: 0,
			},
			500,
			function () {
				first.css("height", height).appendTo(tableUl);
			}
		);
	}

	function autoScroll1() {
		if (time) clearInterval(time)
		time = setInterval(()=> {
			autoScroll("#swyh-bar");
		}, 2000);
	}