Html
    Css
    Js

    
                        
.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;
}

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

纯css实现吸顶效果

2
      jiyahua0
      2019/7/17 15:51:29
      有想做页面的可以联系我 回复
      jiyahua0
      2019/7/15 10:45:50
      这个可以举一反三,position:sticky; top:50px;(停在你想停的位置) 回复