Html
    Css
    Js

    
                        
 html,body,ul,li {
	margin:0;
	padding:0;
	border:0;
}
.item {
	height:500px;
	width:100%;
	background:red;
}
.aitem_list {
	display:flex;
	height:50px;
	position:fixed;
	width:100%;
	z-index:10;
	background:#ffffff;
}
.atime {
	display:flex;
	justify-content:center;
	align-items:center;
	flex:1;
}
.list {
	padding-top:50px;
}
.aitem_list .active {
	background:blue;
}
.item .item_header {
	height:50px;
	background:rebeccapurple;
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	color:#ffffff;
}
.item .active {
	position:fixed;
	top:50px;
}

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

锚点功能(原创)

锚点功能,此项目虽然有很大的局限性,但功能还是挺强大的。。。望指教。后期再加改进

0