让我的CSS菜单保持在屏幕上?

Jac*_*nna 13 html css css3

就像在http://facebook.com中一样,他们有一个导航栏类型的东西,它停留在页面的顶部,我怎么能用我的代码做到这一点.我有我的CSS高级菜单工作,除了那个问题.这里是我与jsfiddle的链接

Js小提琴

css的主要部分

#cssmenu ul { margin: 0; padding: 0;}
#cssmenu li { margin: 0; padding: 0;}
#cssmenu a { margin: 0; padding: 0;}
#cssmenu ul {list-style: none;}
#cssmenu a {text-decoration: none;}
#cssmenu { height: 42px; background-color: rgb(35,35,35); box-shadow: 0px 2px 3px rgba(0,0,0,.4);}
Run Code Online (Sandbox Code Playgroud)

现在,如果我没有弄错,如果不检查JsFiddle,则必须使用此部分

An *_*han 37

将以下内容添加到菜单css中:

#cssmenu {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
}
Run Code Online (Sandbox Code Playgroud)

这基本上就是他们这样做的方式.

  • 请注意,这将隐藏页面上任何内容的顶部,并不是一个完整的答案 (2认同)

Shi*_*agh 5

添加固定属性

 #cssmenu {
          position:fixed;
 }
Run Code Online (Sandbox Code Playgroud)