在网页页面开发设计基本建设的全过程中，大家经常会必须采用那样的实际效果，例如说，某一坐落于BANNER下边的好几个二级横着导航栏在网页页面下降到一定程序的情况下，让这一二级导航栏始终放置顶端显示信息，以便捷迅速转换频道。又或是是在下沒有过的情况下，一级莱单也始终放置顶端，始终显示信息。

深圳市黑马视觉效果在企业网站建设全过程中，小结了许多较为好用简易的编码，下边就是我们对于之上实际效果的一种非常简单便捷的解决。

最先，大家的要精准定位的莱单应用款式：.pc_nav_box,你还可以取名为别的的类。仅仅维持一致便可以了。

随后引进JQ，版本号仿佛不太限定。随意哪个吧。

第三步：应用大家下边的编码。

CSS大约的含意是以这一DIV一个FIXED特性，随后始终在TOP为0的部位，情况给了灰黑色。

JS的含意是下降超过105的情况下，加上topcur这一特性，就完成了大家要想的实际效果。

  style type= text/css .topcur{top: 0px; position: fixed; background-color: rgb(0, 0, 0);} /style 
 
  script type= text/javascript  
$(function(){
 $(window).scroll(function(){
 if($(window).scrollTop() =105){
 $( .pc_nav_box ).addClass( topcur 
 }
 else{
 $( .pc_nav_box ).removeClass( topcur 
 }
 })