Question

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

以下是我一直致力于：http://localsq.tumblr.com/test。单击“What，When，Where”时，面板向下滑动但向下滚动页面时，面板不会保持固定...

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

Answer 1

ID为toppanel的元素设置为position : absolute，应更改为position : fixed，以便它随“What，When，Where”文本移动。我在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;
}

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

1 个答案: