Помогите пожалуйста.
CODE ( html):
скопировать код в буфер обмена
<style> .top_header,.menu_header{ position: fixed; } .top_header{ top: 0; height: 60px; } .menu_header{ top: 60px; overflow-y: auto; } </style> <div class='top_header'> <button>Открыть меню</button> </div> <div class='menu_header'> <ul class='menu'> <li>Пункт <ul class='menu'> <li>Подпункт</li> <li>Подпункт</li> <li>Подпункт</li> </ul> </li> <li>Пункт</li> <li>Пункт</li> </ul> </div>
Вопрос: Если меню длиннее высоты экрана, то его высота уменьшается на 60px (высоту указанную у него в top). Т.е., с помощью полосы прокрутки невозможно увидеть тот пункт меню, который находится на последних 60-ти пикселях. Bottom: 60px, padding-bottom: 60px, margin-bottom: 60px - не помогают.
На скорую руку получилось решить с помощью костыля
(Отредактировано автором: 25 Января, 2019 - 20:44:33)
|