CSS ::固定的标题，没有设置位置：固定
[英]CSS :: Fixed header without setting position:fixed
问题描述
我有一个php页面，其中包括标题页（导航栏）。 我想将导航栏显示为固定标题，但是每当将其位置更改为固定时，它都会删除滚动条（水平和垂直），并且我无法滚动页面。 如果我想保持标题固定并且不想固定位置。 我该如何实现？
headerpage.php：
<div id="header" style="position:fixed;width:100%;height:100px;">
<ul>
<li>..... </li>
<li>..... </li>
<li>..... </li>
</ul>
</div>
anotherpage.php：
<?php
require("headerpage.php");
?>
<body>
some code....
</body>
由于有2页，因此我为headerpage.php创建了jsFiddle。
3 个解决方案
解决方案1
1 2014-04-26 05:11:22
嘿jesper，您是否使用position：relative与position：abosulte并固定，就像您要修复标题一样，则必须同时使用这三个标题，也许您也必须使用z-index，否则您的网站会出现问题内容，如果他们有..您能给我们适当的jsfiddle以便我们可以帮助..因为我看不到任何东西而不是标题..所以要固定位置，您也需要其他部分.. PS我想帮助我告诉我我会尝试.. :)
解决方案2
0 2014-04-26 01:27:08
jQuery.pin将实现粘贴元素，就像position:fixed; 。 只需下载它，然后像这样实现它：
<script type='text/javascript' src='http://code.jquery.com/jquery-1.11.0.min.js'></script>
<script type='text/javascript' src='path/to/jquery.pin-plugin'></script>
<script type='text/javascript'>
$(function(){
$("#header").pin();
});
</script>
解决方案3
0 2014-04-26 01:35:11
最高排名：0； 在您的标头CSS移除位置：固定；
CSS位置固定不固定标题
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.