Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: position: fixed и overflow-y: auto
Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS » position: fixed и overflow-y: auto

Страниц (1): [1]
 

1. noviy - 21 Января, 2019 - 15:57:39 - перейти к сообщению
Помогите пожалуйста.

CODE (html):
скопировать код в буфер обмена
  1. <style>
  2.  .top_header,.menu_header{
  3.   position: fixed;
  4.  }
  5.  .top_header{
  6.   top: 0;
  7.   height: 60px;
  8.  }
  9.  .menu_header{
  10.   top: 60px;
  11.   overflow-y: auto;
  12.  }
  13. </style>
  14. <div class='top_header'>
  15.  <button>Открыть меню</button>
  16. </div>
  17. <div class='menu_header'>
  18.  <ul class='menu'>
  19.   <li>Пункт
  20.    <ul class='menu'>
  21.     <li>Подпункт</li>
  22.     <li>Подпункт</li>
  23.     <li>Подпункт</li>
  24.    </ul>
  25.   </li>
  26.   <li>Пункт</li>
  27.   <li>Пункт</li>
  28.  </ul>
  29. </div>

Вопрос: Если меню длиннее высоты экрана, то его высота уменьшается на 60px (высоту указанную у него в top). Т.е., с помощью полосы прокрутки невозможно увидеть тот пункт меню, который находится на последних 60-ти пикселях. Bottom: 60px, padding-bottom: 60px, margin-bottom: 60px - не помогают.

На скорую руку получилось решить с помощью костыля
CODE (html):
скопировать код в буфер обмена
  1. <style>
  2. .menu_header:after{
  3.    content: '';
  4.    height: 70px;
  5. }
  6. </style>

 

Powered by ExBB FM 1.0 RC1