menubar at the top (Div element) remains while you scroll down

Question

I'm making a simple (test)-website and I want to add a menubar (at the top of the website) that stays on the same place when you scroll down instead of it's disappears. I know I need jQuery and probably also JavaScript. Its not like a sliding menu, it's like stackoverflow has on the right side of the website when you want to post a question -> but now I want it on de top with an menubar.

How can I make this sort of menu bar?

thanks for responds,

Niels.

If it never ever moves, this is a CSS question. Read about the position property. — , Aug 01 '13 at 15:39
If my answer helped I'd love it if you would mark it as correct. — John Woodruff, Jun 11 '14 at 20:30

score 3 · Answer 1 · edited May 23 '17 at 10:31

3

You only need CSS. You merely have to give it a fixed position:

#topBar {
    position:fixed;
    top:0px;
}

That will scroll with the page. See also this SO Question.

edited May 23 '17 at 10:31

Community

1
1

answered Aug 01 '13 at 15:39

John Woodruff

1,608
16
29

score 0 · Answer 2 · answered Aug 01 '13 at 15:59

0

Is this effect that you want? http://www.sutanaryan.com/Tutorials/fixed-menu-when-scrolling-page-with-CSS-and-jQuery/

answered Aug 01 '13 at 15:59

Yoann Augen

1,966
3
21
39

menubar at the top (Div element) remains while you scroll down

2 Answers2