Высота панели обновления остается наибольшим размером после обновления

Question

После почти 4 лет использования один из моих тестеров заметил что-то странное с моими панелями обновления.

Допустим, у меня есть режим отображения, и он занимает 100 пикселей в высоту. Затем пользователь переключается в режим редактирования и обновления панели обновления. Теперь окно высотой 500 пикселей. Пользователь нажимает «Сохранить», и он возвращается в режим отображения, который составляет всего 100 пикселей.

Теперь домен занимает всего 100 пикселей, но все еще есть полоса прокрутки вплоть до 500 пикселей. Если пользователь уменьшит экран до 100 пикселей, он все равно увидит полосу прокрутки, несмотря на то, что там больше ничего нет.

Что, черт возьми, вызывает это и как я могу это исправить? Как будто панель обновления не сообщает окну, что ей больше не нужна вся эта высота.

Answer 1

Похоже, что вы управляете, используя вместо этого видимость visibility = "visible | hidden": none | block ".

Используйте IE Dev Toolbar или Firebug , чтобы увидеть структуру DOM во время состояния вашей страницы.

Также возможно, что ваш режим редактирования слишком велик для контейнера с фиксированной высотой. Старайтесь не ограничивать внешний контейнер, чтобы он мог расти вместе с динамически меняющимся внутренним содержимым.

Свойство видимости определяет виден ли данный элемент или нет (видимость = "видимый | скрытый"). Тем не менее, когда видимость установлена ​​на скрытый элемент скрыт занимает свое место в макете страницы.

Свойства CSS: отображение и видимость