Страница (live-version) состоит (примерно) из трех частей:
- Левая панель
- Центрированный контент
- Правая боковая панель
Правая боковая панель должна быть прокручиваемой, поэтому я установил overflow-y: scroll; right: -17px;
, чтобы просто скрыть полосу прокрутки. Body, html
имеют overflow-y: auto;
. Таким образом, мне не нужно иметь две полосы прокрутки (для страницы и для правой боковой панели).
ВОПРОС: (только в CHROME, проверены на версии 62 и 63)
По какой-то причине на разных машинах хром дает мне два разных стиля для полосы прокрутки: Case 1 и Случай 2.
В принципе, для case 1 панель прокрутки правой боковой панели "абсолютно позиционируется", и из-за этого страница скрывает 17px, а для case 2 полоса прокрутки "относительно позиционируется", и страница скрывает 17px, что занимает полоса прокрутки.
Вопрос
1) Почему полосы прокрутки отличаются в той же ОС и версии браузера, но разные машины?
2) Есть ли способ исправить это без каких-либо плагинов? Принимая во внимание, что пользователи Windows имеют case 2 и пользователи MacOS либо случай 1, либо 2?