纯css导航菜单滚动吸附顶部效果

《纯css导航菜单滚动吸附顶部效果》正文开始，本次阅读大概9分钟。

纯css就可以达到效果了，但要注意兼容性的问题

!doctypehtml
html
head
metacharset=utf-8
title纯css实现吸顶效果-jq22.com/title
scriptsrc=https://libs.baidu.com/jquery/1.11.3/jquery.min.js/script
style
.header{
	width:100%;
	height:160px;
	background:#87CEEB;
}
nav{
	width:100%;
	height:100px;
	position:sticky;
	top:0px;
	background:#F98202;
}
.content{
	width:100%;
	background:blue;
	height:1000px;
}
footer{
	background:#87CEEB;
}
/style
/head
body
divclass=header
/div
nav
用于显示粘性定位的头
/nav
divclass=content
/div
footer
底部
/footer
script
/script
/body
/html