Зрабіць маё меню CSS застацца на верхняй частцы экрана?

як у 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);}

Цяпер, калі ім не памыляюся, гэта павінна быць зроблена з гэтай часткай, калі не праверыць JsFiddle

12

7 адказы

Дадайце наступныя радкі ў меню CSS:

#cssmenu {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
}

Гэта ў асноўным, як яны гэта робяць.

35
дададзена
Сапраўды, @ josh123a123 - так, як гэта выправіць элемент пад такім чынам, што яго змест пачынаецца крыху ніжэй меню?
дададзена аўтар Gwyneth Llewelyn, крыніца
Калі ласка, звярніце ўвагу, што гэта схаваць верхнюю частку любога кантэнту на старонцы і не поўны адказ
дададзена аўтар josh123a123, крыніца

Дадаць нерухомую нерухомасць

 #cssmenu {
          position:fixed;
 }
4
дададзена
Збілі мяне да яго, ды, што будзе працаваць.
дададзена аўтар box86rowh, крыніца
Прывітанне, Ці спрабавалі вы?
дададзена аўтар ShibinRagh, крыніца
Janak з і ў вас ёсць такая ж праблема, але дзякуючы любому нагоды
дададзена аўтар Jacob Anthony Tonna, крыніца
Але сумненняў, каб верхняя і пакінулі 0, як вы заўсёды хочаце, каб быць на вяршыні. Так не дадаць, што ў адказе.
дададзена аўтар Janak, крыніца

Гэта можа быць зроблена, калі вы выкарыстоўваеце:

 position:fixed;
3
дададзена
судзімага гэта ён знявечыў панэль меню
дададзена аўтар Jacob Anthony Tonna, крыніца

Толькі думка, ня трэба дадаць Z-індэкс: 1000; , так што ён плыве па ўсіх пунктах на старонцы?

2
дададзена

Выкарыстоўвайце CSS для набору вашай навігацыйнай панэлі, замацаванай на верхняй часткі.

 #cssmenu {
   position:fixed;
   top: 0;
   margin:auto;
   left: 0;
   right: 0;
   width: 100%;
  }

Here the demo: http://jsfiddle.net/SkuhZ/

1
дададзена
я атрымаў яго налады ўжо працуе я галачка Dineshkani, але і можа дапамагчы мне з stackoverflow.com/questions/16910096/…
дададзена аўтар Jacob Anthony Tonna, крыніца

Так, вы можаце дадаць Z-індэкс: 1000; , каб зрабіць яго плаваць, перш за ўсё змест. Як RLCJohn сказана вышэй.

1
дададзена

Менавіта гэтыя 3 будзе рабіць ..

position: fixed;
top: 0;
width: auto;
0
дададзена
Вы можаце спыніцца на гэтым, дадаўшы інфармацыю, як селектар, які яны павінны прымяняцца да і як яны працуюць разам, каб дасягнуць жаданага эфекту.
дададзена аўтар Jason Aller, крыніца