CSS :: Исправлен заголовок без установки позиции: исправлено

Question

CSS :: Исправлен заголовок без установки позиции: исправлено

0

У меня есть страница 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.

http://jsfiddle.net/vVptE/

jasper 26 апр. 2014, в 04:10

Источник

0

Включаете ли вы HTML сверху (который вы назвали headerpage.php) в anotherpage.php, но вместо этого называете его header.php? Если так, то, помимо имени файла, div-вещи являются частью тела HTML. Заголовок предназначен для включения css, javascript, meta-tag и т. Д. Хотя заголовки также отсутствуют ... oO
Daniel 26 апр. 2014, в 01:25
0

Это была просто опечатка. Я обновил код.
Avinash Patil 26 апр. 2014, в 01:29
0

position:fixed - это то, что вы хотите. Какие полосы прокрутки удаляются? Если вы можете опубликовать jsfiddle или plunker, мы поможем решить проблему с макетом.
Matthew.Lothian 26 апр. 2014, в 01:36
0

Почему бы не использовать для этого «position: fixed»?
Ishan Jain 26 апр. 2014, в 02:04
0

Привет Мэтью - я создал jsfiddle, он не для 2-х страниц, но мой CSS дан там. jsfiddle.net/vVptE
Avinash Patil 26 апр. 2014, в 02:26
0

Будьте осторожны с этим, он пинает задницу при прокрутке на устройствах Apple, так как Apple добавляет эффекты прокрутки, а также браузер будет выполнять большую работу для выполнения прокрутки.
redV 26 апр. 2014, в 05:15

Показать ещё 4 комментария

Теги:

jquery

css

html5

3 ответа

Ещё вопросы

Включаете ли вы HTML сверху (который вы назвали headerpage.php) в anotherpage.php, но вместо этого называете его header.php? Если так, то, помимо имени файла, div-вещи являются частью тела HTML. Заголовок предназначен для включения css, javascript, meta-tag и т. Д. Хотя заголовки также отсутствуют ... oO
Это была просто опечатка. Я обновил код.
position:fixed - это то, что вы хотите. Какие полосы прокрутки удаляются? Если вы можете опубликовать jsfiddle или plunker, мы поможем решить проблему с макетом.
Почему бы не использовать для этого «position: fixed»?
Привет Мэтью - я создал jsfiddle, он не для 2-х страниц, но мой CSS дан там. jsfiddle.net/vVptE
Будьте осторожны с этим, он пинает задницу при прокрутке на устройствах Apple, так как Apple добавляет эффекты прокрутки, а также браузер будет выполнять большую работу для выполнения прокрутки.

Leo the lion · Answer 1 · 2014-04-26T02-37-00.000Z

Эй, jesper сделал у вас положение: относительное с положением: abosulte и исправлено, как будто вы хотите исправить свой заголовок, тогда вы должны использовать все три, и может быть, вам придется использовать z-index тоже, иначе будет ваш сайт с вашим сайтом если у вас есть так... Не могли бы вы дать нам правильный jsfiddle, чтобы мы могли помочь... Я не могу видеть ничего, кроме заголовка. Так что для фиксации позиции вам нужна и другая часть. PS Я хочу помочь, так скажите мне и я попробую.. :)

Спасибо за ваш комментарий, на самом деле я не могу создать jsfiddle, так как он включает в себя 2 страницы php, и я не знаю, как создать jsfiddle с ними. Тем не менее я могу попытаться объяснить, есть 2 страницы (например, страница 1 и страница 2). Теперь на странице 1 есть панель навигации, а на странице 2 - страница 1. Чтобы исправить заголовок, мне нужно сохранить положение панели навигации как фиксированное. Если я установлю фиксированное положение, он удалит обе полосы прокрутки моей веб-страницы. Теперь мой вопрос - как я могу установить фиксированный заголовок без потери обеих полос прокрутки? Я надеюсь, что это может быть полезным.
Извините, но все равно я вас не получаю .. вы можете отредактировать свой quration и поместите ваш код, чтобы мы могли видеть проблему, поскольку по вашим js мы ничего не можем получить, поэтому, пожалуйста, отредактируйте код, чтобы мы могли помочь ... или же напишите мне свой 2-х страничный код php на testuser597 @ yahoo.com..так я могу попытаться помочь..спасибо :)
Большое спасибо, Лео, я готовил код для тебя и в то же время осознал свою ошибку. Я не предоставил z-index для соответствующего div. :) Теперь проблема решена и работает нормально. Еще раз спасибо.
На самом деле спасибо за голосование, так как мне это действительно нужно .. :) и я счастлив, что смог помочь .. :)

chandu · Answer 2 · 2014-04-25T22-59-00.000Z

Верх верхней части: 0; в вашем заголовке css удалить позицию: исправлено;

Andreas Storvik Strauman · Answer 3 · 2014-04-25T22-41-00.000Z

jQuery.pin достигнет элементов крепления, точно так же, как position:fixed; , Просто скачайте его, а затем выполните его следующим образом:

<script type='text/javascript' src='/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>

Спасибо, но я не хочу использовать фиксированное положение. Также нет подключаемого модуля.