Html
    Css
    Js

    
                        
 html,body {
	width:100%;
	margin:0;
	padding:0;
}
.container {
	width:100%;
	margin:0;
	padding:0;
	padding-bottom:800px;
}
header {
	background:lightblue;
	width:100%;
	height:80px;
	position:fixed;
	top:0;
	left:0;
}
.mark {
	height:20px;
	position:fixed;
	width:80%;
	top:80px;
	/*background:#fff;
	*/
            /*color:red;
	*/
            margin-left:10%;
	background:lightseagreen;
}
.content {
	width:80%;
	margin:140px auto 0;
	background:lightsalmon;
}
ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
.title {
	background:lightseagreen;
	height:20px;
}

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

导航吸顶效果

0