основной заголовок-панель и липкий нижний колонтитул
Я пытаюсь повторить статический нижний колонтитул, как показаноВот в полимерной сердцевине-жатке-панели.
Пока у меня есть панель core-header-header, состоящая из нижнего колонтитула и основной области содержимого с атрибутом «fit», поэтому она растягивается до высоты области просмотра.
<body fullbleed layout vertical>
<core-header-panel flex style="background-color: red;">
<core-toolbar id="mainheader">
Header
</core-toolbar>
<div fit layout vertical>
<div flex style="background-color: yellow;">
...
</div>
<footer style="background-color: green;">
FOOTER
</footer>
</div>
</core-header-panel>
</body>
Однако у меня есть две проблемы:
Нижний колонтитул всегда виден, панель заголовка прокручивает только «желтый» элемент в основной области содержимого.Когда я сворачиваю окно, нижний колонтитул накладывается на «желтый» div в основной области содержимого (показано ниже)Как я могу решить эти проблемы?
ОбновитьДругие команды были предложены группой разработчиков полимеров, которые приблизились к решению:Решение Erics, Решение Робсаоднако ни один из них не решает проблему 1, в коде нижний колонтитул находится за пределами панели заголовка ядра и поэтому всегда виден, даже если контейнер над нижним колонтитулом больше, чем область просмотра.
Перемещение нижнего колонтитула в область основного содержимого панели заголовка и сгибание содержимого над ним также не работает.