jQuery StickyPanel问题与WordPress

我是一个中级网站设计师，并刚刚重新设计了一个wordpress网站创建我自己的主题。jQuery StickyPanel问题与WordPress

我已经实现了一个jQuery的StickyPanel有一个顶部菜单栏保持与页面。如果我把菜单栏放在margin-top：1px上，它可以正常工作，但显然我有一个显示空间像素。

如果我将粘性菜单放在margin-top：0px上，它将正常运行，但当我再次位于页面顶部时，它不会分离，并且不会让我滚动到满100％。

该网站现在正在运行，我已将边距设置为1px，因为这是两者中较好的选项，但理想情况下我需要该像素消失！

它工作正常，如果我做一个测试.html页面，这是发生在WordPress的调用header.php或东西，据我所知...但就像我说的，我是中间的，我的搜索和反复试验尚未找到解决方案。

该网站是www.therayandthero.com

我对粘面板CSS是

#menu { 
    margin: 0 auto; 
    margin-top: 1px; 
    text-align: center; 
    height: 23px; 
    padding: 4px 4px 4px 4px; 
    box-shadow: 2px 1px 1px rgba(0,0,0,0.1);} 

#menu.fixed { 
    position: fixed; 
    width: 99%; 
    background-color: black; 
    color: #e5e6d9; 
    z-index: 9999; 
    -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2); 
-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2); 
box-shadow:1px -1px 2px rgba(0,0,0,0.2);}

我执行的代码是在header.php中遵循，并如下：

<div id="top"></div> 
<div id="menu" class="sticky"> 
<div id="toplogo"><a href="http://www.therayandthero.com"><img  src="http://www.therayandthero.com/wp-content/themes/randrtwopointoh/images/rrsill_off.png"  class="rollover"></a></div> 
<div id="toptext"><h1><a href="mailto:[email protected]">CONTACT</a></h1></div>  <div id="toptext2"><h1><a href="#caro">CATEGORIES</a></h1></div> 
<div id="search-box"><?php get_search_form(); ?></div> 
</div> 
<div id="wrapper"> <!-- wrapper --> 
<div id="topad">...

我不知道你是否需要看到更多的代码来做到这一点...如果是这样，让我知道，我会很高兴地告诉你你需要什么。

非常感谢您的帮助！

来源

2012-04-03 pixelgirrrl

Stack Overflow是一个英文问答网站。提及自己时请大写“I”。从来没有时间你应该写** **而不是** **。 – meagar 2012-04-03 13:38:25