Html
    Css
    Js

    
                        
table,tbody,tfoot,thead,tr,th,td {
	margin:0;
	padding:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	border-collapse:collapse;
	border-spacing:0;
	border:0px;
}
.tablebox {
	width:300px;
	height:400px;
	overflow:hidden;
	margin:50px auto;
}
.tablebox table {
	width:100%;
}
.tablebox table th,.tablebox table td {
	font-size:12px;
	text-align:center;
	line-height:36px;
}
.tablebox table th {
	color:#2584e3;
	background-color:#f6f6f6;
}
.tablebox table td img {
	display:inline-block;
	vertical-align:middle;
}
.tablebox table tbody tr:nth-child(even) {
	background-color:#f6f6f6;
}
.tablebox.table_md table td,.tablebox.table_md table th {
	line-height:40px;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

jQuery table表格无缝向上滚动

4
      Hades0
      2020/6/6 20:02:00
      把表格的数据清空再加进去重新滚动会出bug
          梦若琉璃0
          2021/11/10 14:30:17
          你好,请问解决了吗
      回复
      幕后煮屎者?0
      2020/4/14 10:12:43
      用c:foreach循环的tr为什么不滚动啊?求大神指点啊,急!!!
          西瓜0
          2020/4/14 22:23:14
          循环之后生成之后在执行滚动代码,否则滚动代码获取不到你生成的数据。
      回复