Html
    Css
    Js

    
                        
body,html {
	padding:0;
	margin:0;
	font-size:12px;
	overflow:hidden;
}
/*chrome滚动条*/::-webkit-scrollbar {
	width:0px;
}
.page {
	height:100px;
	overflow:auto;
	display:block;
	padding:0px;
	position:relative;
}
.thead {
	text-align:center;
	border-bottom:1px solid #ddd;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:28px;
	z-index:2;
	background:#fff;
}
ul,li {
	font-size:12px;
	font-family:"微软雅黑";
	font-weight:normal;
	text-decoration:none;
	list-style:none;
	border:0px;
	margin:0px;
	padding:0px;
}
.td {
	width:20%;
}
span {
	display:block;
	float:left;
	text-align:center;
	min-height:20px;
}
li {
	overflow:hidden;
}

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

ul实现固定表头的列表

正式实现的时候建议可以看看bootstrap,有很多已经定义好的css样式,实现较为友好的界面效果,还可以参考一下vue.js的v-for加载json文件完成每一行li的循环,可以减少一大部分代码量。

0