导航缓动动效，此处举例为龙曜时代网站效果 ``` <style> .z-nav-conter > li{padding: 0 20px!important;} .z-nav-conter > li > a{border-bottom:2px solid transparent;padding-left: 0;padding-right: 0;} .z-nav-conter > li.active > a, .z-nav-conter > li > a:hover{border-bottom:5px solid #006fb6;} .liyu{ border-top: 1px solid #f1f1f1;} /下面为主要样式/ .do-header.open{position:fixed;top:-67px;} .do-header.open #header_378052_0{} .do-header{ -webkit-transition: top .4s cubic-bezier(.19,1,.22,1); transition: top 1s cubic-bezier(.19,1,.22,1);top:0; position: fixed;} @media only screen and (min-width: 800px){ .do-banner { margin-top: 134px; }} </style> ``` ##### 导航固定显示时，让banner图区域显示完全, .do-header{margin-top:64px}