Question

如何修改CSS代码以使顶部标题保持固定，所以当我向上滚动时它会保持固定的整齐阴影？如果您调整大小并查看移动响应版本，您会看到我的意思。

看这里： http://html5up.net/uploads/demos/halcyonic/twocolumn1.html

代码可在此处下载： http://html5up.net/halcyonic/download

由于

Answer 1

父div上有一些元素样式：

<div id="skel-panels-pageWrapper" style="position: relative; left: 0px; right: 0px; top: 0px; -webkit-backface-visibility: hidden; -webkit-perspective: 500; -webkit-transition: -webkit-transform 0.25s ease-in-out; transition: -webkit-transform 0.25s ease-in-out;" >

这种内联风格因某些原因而无法正常工作。如果您删除-webkit-perspective: 500;，则以下CSS应该有效。

#header-wrapper{
   position:fixed;
   width:100%;
   top:0px;
}

Answer 2

#header-wrapper{
   position:fixed;
   width:100%;
   top:0;
   right:0;
   left:0;
}

应该这样做......但它没有发生..我在网站上尝试过。可能是一些javascript函数干扰!!!

Answer 3

您需要将以下代码添加到＃header-wrapper css：

#header-wrapper{ position:fixed; width:100% }

并将以下内容添加到css文件中：

#content-wrapper #content{margin-top:155px;}

Halcyonic主题（CSS）中的固定菜单栏

3 个答案: