Использовать overflow-y scroll или переписывать весь css?

Question

[Максим Иванов]

В хроме есть одна штука, из-за которой на определённом разрешении экрана начинает появляться и убираться полоса скролла. Проблема воспроизводится только если хоть одна картинка на сайте указана в процентах (ширина). Такая штука только в хроме, в остальных браузерах всё нормально.

Переделывать ширину блоков с картинками на пиксели, либо просто использовать overflow-y scroll? Не считается ли это своего рода костылём?

Comments

[Froggyweb]

нужен пациент. вряд ли это зависит от

роблема воспроизводится только если хоть одна картинка на сайте указана в процентах (ширина).

[Максим Иванов]

Froggyweb, https://roderen.github.io/teeeeest/
Воспроизводится лишь когда высота страницы граничит с тем состоянием, когда начинает появляться скролл (есть даже диапазон в целых 10 пикселей): проявляется при печатании в формах, при клике на слайдер и т.д.

Только хром. Только ширина картинки в процентах. Ставим не хром: всё гуд. Либо же убираем ширину в процентах и ставим ТОЧНО ТАКУЮ ЖЕ в пикселях (выясняем через код элемента): всё тоже становится гуд.

[Froggyweb]

Максим Иванов, вертикальный скролил понятен горизонтального нет

width: 100%;
    height: 95px;
  resize: none;
  padding: 5px;
  border: 1px solid #888;

проще так

[Максим Иванов]

Froggyweb, так будет понятнее: https://s3.gifyu.com/images/GIFKA-S-Gifius.ru0351c...
А так ещё лучше: меняю слайдер на обычную картинку с 0 стилей - проблема осталась. Меняю браузер - всё гуд. Либо меняю ширину картинки на пиксели: допустим, в процентах получается 794px, а если указать 794px напрямую, то тоже всё гуд.

Answer 1

[arsenty]

Зачем overflow: scroll; если полоса прокрутки и так есть?
Сначала вам разобраться бы, проблема в нестандартном поведении браузера или в кривых стилях, если в стилях, то искать причину, если это особенность или баг браузера, то можно обойтись и костылём.
Возможно, вам поможет overflow: auto;

Comments

[Максим Иванов]

Дело в корявости хрома, у которого не продуман момент с таким сочетанием стилей (протестировано на множестве левых сайтов через код элемента). overflow: auto не решает проблему.

[arsenty]

Посмотрел пример из комментариев выше, какой-то сферический конь в ваакуме.

[Максим Иванов]

arsenty, так будет понятнее: https://s3.gifyu.com/images/GIFKA-S-Gifius.ru0351c...
А так ещё лучше: меняю слайдер на обычную картинку с 0 стилей - проблема осталась. Меняю браузер - всё гуд. Либо меняю ширину картинки на пиксели: допустим, в процентах получается 794px, а если указать 794px напрямую, то тоже всё гуд.