如何定位CSS固定JQuery下拉栏

Question

我正在寻找一个 JQuery 下拉栏（如 StackOverflow 中的下拉栏），当我找到 this 指向这个 jsfiddle 演示。这是完美的，除了一个问题：当页面滚动时，用户可能看不到消息。

我认为 CSS 中的一个简单的“固定”将会产生魔力（演示在这里），但随后新问题出现：条形不完整且居中。现在我被封锁了。我需要的是像第一个演示中那样的完整栏，但即使页面像第二个演示中那样滚动，也总是显示。谢谢。

Answer 1

将以下内容添加到您的 CSS 声明中：

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

此处演示

Answer 2

您还需要 3 个 css 样式：

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