У меня есть страница 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 страницы, я создал jsFiddle для моего headerpage.php.
Эй, jesper сделал у вас положение: относительное с положением: abosulte и исправлено, как будто вы хотите исправить свой заголовок, тогда вы должны использовать все три, и может быть, вам придется использовать z-index тоже, иначе будет ваш сайт с вашим сайтом если у вас есть так... Не могли бы вы дать нам правильный jsfiddle, чтобы мы могли помочь... Я не могу видеть ничего, кроме заголовка. Так что для фиксации позиции вам нужна и другая часть. PS Я хочу помочь, так скажите мне и я попробую.. :)
Верх верхней части: 0; в вашем заголовке css удалить позицию: исправлено;
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>
position:fixed