Question

I was looking for a JQuery dropdown bar (like the one in StackOverflow) when I’ll find this that pointed to this jsfiddle demo. This is perfect except for one problem: when the page has scroll, it’s possible that the user can’t see the message.

I though that a simple “fixed” in the CSS will make the magic (demo here), but then a new problem appeared: the bar is not complete and centered. Now I’m blocked. What I need is the complete bar like in the first demo, but showed always even if page has scroll like in the second demo. Thanks.

Answer 1

Add the following to your CSS declaration:

top: 0; 
left: 0;
width: 100%;

Demo here