【问题标题】: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;
    }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-05-06
      • 2013-04-06
      • 1970-01-01
      • 2011-09-11
      • 1970-01-01
      相关资源
      最近更新 更多