У меня есть HTML-документ, который выглядит примерно так, только гораздо сложнее и сложнее в управлении:
<body>
<div id="title">This div does not do anything, just stays at the top.</div>
<div id="container">
<div id="navigation">Some navigation</div>
<div id="content">Most of the content</div>
</div>
</body>
Тогда у меня есть таблица стилей, которая включает следующее:
#container
{
height: auto !important;
overflow: visible !important;
overflow-x: auto;
overflow-y: scroll;
position: relative;
width: auto !important;
}
Это все работает абсолютно идеально. Раздел title остается в верхней части страницы, элемент container становится прокручиваемым, если содержимое достаточно длинное, чтобы прокручивать его, иначе это не так.
Проблема в том, что я тогда использую Javascript, чтобы добавить намного больше вещей в content div. Это означает, что content div становится длиннее, чем страница после загрузки , и это, по крайней мере, означает, что в IE8 полосы прокрутки на container никогда не активируются, поэтому, как только Добавленный Javascript контент падает внизу страницы и становится недоступным.
Это не помогает, что в ту минуту, когда я начинаю возиться с инструментами разработчика IE, полосы прокрутки исчезают совсем, и я не могу заставить их появляться снова, поэтому это становится довольно трудно проверить.