我有一个固定的顶部栏,当我滚动它仍然显示。
现在我在页面底部还有一个“goto top”按钮,一直到顶部元素main。
问题是,一旦我用按钮转到顶部,菜单就会位于顶部元素之上(不知道如何解释,所以请检查图像)。
顶部元素(按钮指向#main)

<div id="wrap">
 <div id="main">
  <head>
   ...
  </head>
  <body>
   <header id="header">
    ...
   </header>
   ...
  </body>
 </div>
</div>
<div id="footer">
...
</div>

CSS
#header{ /* top bar is inside the header id */
  background: darken(#228b22, 1%);
  height: 65px;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 99;
}

#wrap {min-height: 100%;}

#main {
    overflow:auto;
    padding-bottom: 60px;
}  /* must be same height as the footer */

div#footer { /* sticky footer */
    position: relative;
    margin-top: -60px; /* negative value of footer height */
    height: 60px;
    clear:both;
}

顶栏菜单在正文中初始化。我基本上需要它看起来像第一个图像,一旦我点击转到顶部按钮。手动滚动到顶部不会引发任何问题。

最佳答案

一旦开始向下滚动,菜单就会“粘滞”到顶部。如果不是单击“转到顶部”按钮,而是向上滚动到顶部,是否仍会出现此问题?

10-05 20:57
查看更多