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

Question

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

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

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

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

Answer 1

Звучит для меня как ваш контроль, возможно, используя видимость = "visible | hidden" вместо отображения: "none | block".

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

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

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

CSS Properties: Display vs. Visibility