Наложение Greybox изменяет размер окна
Я использую greybox на своем бизнес-сайте, чтобы пользователи могли войти и получить доступ к своим учетным записям. Пример моего сайта
Когда окно активируется путем выбора "Войти" или "Зарегистрироваться" в верхней части страницы, размер страницы или окна либо увеличивается, либо изменяется (обнаруживается путем показа полос прокрутки внизу и справа от окна.) Как я могу не допустить этого? Я хочу, чтобы размер страницы был таким же, как и до активации окна.
2 ответа
Решение Йоэля сработало. Он предложил изменить таблицу стилей, чтобы она отображала "фиксированный" с шириной 100%. Это исправило проблему во всех браузерах.
Хотя это старый поток, для тех, кто все еще использует серый ящик, может быть полезно следующее обновление:
Установка положения GB_overlay на «фиксированное» (в gb_styles.css), как предложил Йоэль, решила проблему для серых ящиков, которые не являются полноэкранными (например, gb_page_center), но полноэкранный серый ящик (например, GB_showPage) по-прежнему имеет горизонтальную полосу прокрутки и расширяется окно браузера в Chrome, Edge, Chrome в iOS и Safari в iOS.
Установка ширины GB_overlay на 100% не требовалась для не полноэкранных серых ящиков и не решала проблему для полноэкранных серых ящиков. Вместо этого установка максимальной ширины GB_overlay на 100% полностью разрешила расширяющийся браузер и появление горизонтальной полосы прокрутки в Chrome, Edge, Chrome на iOS и Safari на iOS.
Как также испытал Кевин, у Firefox никогда не было этих проблем с серым ящиком, и эти обновленные изменения в GB_overlay css не повлияли на Firefox; всегда корректный рендеринг серого ящика.