Я работаю над сайтом с минимальным разрешением 1024 X 768. Итак, у нас ширина около 970 пикселей. В дизайне появился интересный макет с центрированным сайтом с баннером, который на самом деле превышает эту ширину (если быть точным, 1288 пикселей), который будет хорошо смотреться пользователям с большим разрешением, но при 1024 выглядит хорошо.
Итак, чтобы не показывать полосы прокрутки для тех, кто на 1024, я разместил баннер абсолютно и использовал overflow-x: скрытый на теле. Это прекрасно работает во всех наших браузерах.
Теперь клиент вернулся и попросил предоставить полосы прокрутки для пользователей на 800 X 600 (да, это не цель), чтобы они могли видеть критическую кнопку входа в систему.
Как это можно сделать для этих 2% пользователей, не внося радикальных изменений? Все, что я могу придумать, это определить ширину их экрана и удалить overflow-x: hidden.
Вы должны любить, когда требования меняются в конце процесса сборки!
Редактировать - вот то, что у меня есть, что мне кажется достаточно простым - какие-нибудь предостережения здесь?
if (screen.width < 1024) {
$("body").css("overflow-x", "visible");
}