我在用向下滑动面板实现固定标头时遇到一些麻烦,当您向下滚动页面时,该面板也保持固定。我目前正在从这里使用Jeremie Tisseau的滑动面板代码:http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery/
这是我一直在从事的工作:http://localsq.tumblr.com/test。当您单击“什么,何时,何地”时,面板会向下滑动,但是当您向下滚动页面时,面板不会保持固定状态...
有人知道如何解决此问题吗?谢谢!
最佳答案
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;
}