У меня есть страница из трех частей: 1 часть заголовка, которая должна быть всегда видимой и в верхней части области просмотра, 1 часть содержимого, которая должна быть прокручиваемой, 1 конечная часть, которая должна быть всегда видимой и в нижней части области просмотра.
Я не хочу использовать ни JS, ни Expression. Я нашел много ответов, чтобы сделать это только с помощью CSS, но все предполагают, что высота заголовка и трейлера постоянна и известна, что не мой случай.
Моя идея все еще остается в игрес атрибутами высоты и переполнения в корпусах BODY и DIV, чтобы можно было прокручивать один из DIV с максимально доступной высотой отображения. Но до сих пор не удалось найти рабочее решение.
Я пробовал это (всего 2 части, заголовок и содержимое):
<body style="overflow: hidden; height: 100vh">
<div id="MyHeader"> blablabla </div>
<div id="MyContent" style="overflow: scroll;">
<P>Many lines of content ...</P>
</div>
Я вижу полосу прокрутки v насодержимое DIV, но оно полноразмерно и неэффективно, поэтому я просто не вижу его переполненной части.
Примечание. Если это не правильный способ, я мог бы рассмотреть возможность использования таблицы с 1 столбцом и общей высотойустановлен на 100vh и одна ячейка сделана с v-прокруткой. Но я видел, что это более сложно, и может иметь побочные эффекты в некоторых браузерах ....