我有一个固定的顶部栏,当我滚动它仍然显示。
现在我在页面底部还有一个“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;
}
顶栏菜单在正文中初始化。我基本上需要它看起来像第一个图像,一旦我点击转到顶部按钮。手动滚动到顶部不会引发任何问题。
最佳答案
一旦开始向下滚动,菜单就会“粘滞”到顶部。如果不是单击“转到顶部”按钮,而是向上滚动到顶部,是否仍会出现此问题?