Question

我有一个包含标题页（导航栏）的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。

http://jsfiddle.net/vVptE/

Answer 1

嘿jesper你使用的位置：相对位置：abosulte并修复好像你想要修复你的标题然后你必须使用全部三个并且可能你必须使用z-index，否则会有问题如果他们有你的网站内容..你可以请给我们适当的jsfiddle所以我们可以帮助..因为我看不到任何东西而不是标题..所以做位置修复你还需要其他部分.. 附：我想帮忙告诉我，我会尝试.. :)）

Answer 2

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>

Answer 3

顶部：0;在你的标题css删除位置：固定;

CSS ::固定标题没有设置位置：固定

3 个答案: