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

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: position: fixed и overflow-y: auto

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


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

> Описание: Полоса прокрутки прокручивает не весь контент
noviy
Отправлено: 21 Января, 2019 - 15:57:39
Post Id


Новичок


Покинул форум
Сообщений всего: 5
Дата рег-ции: Нояб. 2018  


Помог: 0 раз(а)




Помогите пожалуйста.

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>

(Отредактировано автором: 25 Января, 2019 - 20:44:33)

 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB