Свойство overflow:scroll — проблема?

Question

[Вячеслав]

Добрый день. Суть проблемы такова, после обновления браузера(CHROME), начал отображаться на элементе полоса скролла. В firefox все нормально, если нет переполнения элемента, скролл скрыт. Что там в хроме обновилось - непонятно- может кто с такой проблемой столктулся. Есть ли решение?

Answer 1

[Сергей delphinpro]

Так и должно быть https://developer.mozilla.org/en-US/docs/Web/CSS/o...
Значение scroll - всегда отображает полосу. а вы описываете желаемое поведение как у auto.

scroll
Overflow content is clipped at the element's padding box, and overflow content can be scrolled into view using scroll bars. User agents display scroll bars in both horizontal and vertical directions if only one value is set, whether or not any content is overflowing or clipped. The use of this keyword, therefore, can prevent scroll bars from appearing and disappearing as content changes.

Comments

[Вячеслав]

Тогда почему в других браузерах(не Хром), все нормально, scroll появляется только после переполнения. Да и в хроме до обновы было такое поведение.

[Вячеслав]

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

Здесь не чего не сказано , что они остаются, я так понял что у него такое-же поведение как и при auto с одним исключением - что текст не дергается при появление скролла

[Danny Arty]

Вячеслав, значение scroll всегда показывает скроллбар, вам подойдет auto

[Алексей Уколов]

Вячеслав, ну как же "не сказано", если написано прямо:

использует элементы прокрутки, не важно

Триста лет тому назад, когда я сам пользовался этим свойством, оно так и работало: scroll всегда показывал элементы прокрутки. Не думаю, что браузеры потом решили резко наплевать на спеку, а потом так же резко решили всё вернуть.

[Сергей delphinpro]

Вячеслав, где не сказано? Я вам дал ссылку на надежный источник информации и даже процитировал и выделил жирным нужный текст, где как раз именно это и сказано.

[Алексей Уколов]

Кстати, действительно Firefox нынче не показывает скролбар, если проскролить нельзя. Но это потому, что у них такой UI - они скролбары из потока вытащили и они не влияют на контент.

Answer 2

[Вячеслав]

Может кому пригодиться, если у Вас было так

.xx {
overflow-y: scroll;
}

,то теперь можно заменить на

.xx {
overflow-y: auto;
scrollbar-gutter: stable;
}

Поведение как у scroll(но только если ваш браузер обновился, как у меня), но без полос прокрутки, если блок не переполнился.
Новость прочитал, что браузер-ребята - начали гонку стандарта.

Comments

[Сергей delphinpro]

в сафари до сих пор работает только при включении флага (и то – с сентября прошлого года). Я такие решения обычно не рекомендую.