js导航条滚动到页面顶时固定住.docx

导航条效果Js实现一个简单的导航条效果。导航条滚动到页面顶部时停止滚动，停留在页面顶端，提高用户感受。1html部分navigation.html 这个导航条有两部分，一个浮动向左，一个向右 navigation - - - - - - -d- - - - - 男士时装 女士时装 儿童时装 香氛 彩妆 diormag la maison dior diortv - - - - - - - - - -d- - - - - - - - - - - -d- - - - - - - - - - - - - - - -d- - - - - - - - -d- - - - - - - - - - - - 2.js部分navigation.js， window.onscroll=function() if ($(document).scrollTop() 250) /$(#pf_nav).show(); $(#container2).addClass(float); else /$(#pf_nav).hide(); $(#container2).removeClass(float); 3.css部分 navigation.css.navileft ul list-style: none; .navileft li float: left; text-align:center; padding: 20px; font-size: 10px; padding-top: 40px; padding-bottom: 40px ; /*链接访问前后样式*/.navileft a:link color:#000; text-decoration:none; /*.navigation a:visitedcolor:#666;text-decoration:underline;*/.navileft a:hover color:#000; text-decoration:underline; .naviright padding-right: 50px; .naviright ul list-style: none; .naviright li float: right; text-transform: uppercase; text-align:center; padding: 20px; font-size: 10px; padding-top: 40px; padding-bottom: 40px; .naviright a:link color:#000; text-decoration:none; .naviright a:hover color:#000; text-decoration:underline; #container2 background-color: #fff; height:100px; border-bottom-style: solid ; border-bottom-width: 1px; border-bottom-color: #888; width:1170px; #headd height: 250px;.float positi