带有向下滑动面板的固定标题栏

【问题标题】：Fixed header bar with a slide down panel带有向下滑动面板的固定标题栏
【发布时间】：2011-11-26 04:38:15
【问题描述】：

当您向下滚动页面时，我在使用向下滑动面板实现固定标题时遇到了一些问题，该面板也保持固定。我目前正在使用 Jeremie Tisseau 的滑动面板代码：http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery/

这是我一直在做的事情：http://localsq.tumblr.com/test。当您单击“什么、何时、何地”时，面板会向下滑动，但当您向下滚动页面时，面板不会保持固定...

有谁知道如何解决这个问题？谢谢！

【问题讨论】：

标签： jquery css header slide fixed

【解决方案1】：

id 为toppanel 的元素设置为position : absolute，应更改为position : fixed，以便它与“什么、何时、何地”文本一起移动。我在 FireBug 中对您的代码进行了更改，当您向下滚动时，面板一直固定在页面顶部。

这段代码：

#toppanel {
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    text-align: center;
    top: 25px;
    width: 100%;
    z-index: 999;
}

应该改为：

#toppanel {
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    text-align: center;
    top: 25px;
    width: 100%;
    z-index: 999;
}

【讨论】：