Как определить есть ли overflow у элемента без JS?

Question

[Егор Огурцов]

Есть блок с отступом справа, иногда в блоке контента больше чем он может вместить и появляется вертикальный скролбар, соответственно - ширина блока уменьшается.

Можно ли СОВСЕМ не использовать js, а средствами webkit-а (задача исключительно под Chrome) определять наличие скролбара, чтобы регулировать отступ?

Comments

[Виталий Киренков]

Любопытно, а что вы делаете? Просто задача очень нетривиальная.

[Егор Огурцов]

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

[Виталий Киренков]

Можно попробовать костыль - блок со скроллом вложить в другой с оверфлоу хидден и сместить его вправо на 14пх. Но полагаю, что скачок всё равно будет

[Егор Огурцов]

Виталий Киренков, будет, угу. Контент в блоке может обновляться, если его мало - скрола не будет, соответственно, все сместится вправо.

[Виталий Киренков]

Егор Огурцов, Мысль номер 2)) Попробовать пошаманить с позишн фиксед. Правда пока не осознал как это попробовать применить)

[Виталий Киренков]

Так можно же задать overflow: visible. Если контент вписывается, то скролл просто не активен, если много, то активируется и скачка не будет.

[Егор Огурцов]

Виталий Киренков, наверное - auto? тогда скролл будет всегда, но будет неактивен. Нет, такое решение не понравится клиенту

[Сергей delphinpro]

но когда у блока (не у страницы) есть скрол - содержимое ужимается по ширине и некрасиво элементы стоят (не по сетке).

задача исключительно под Chrome

А вариант сделать адаптивненько, на гридах, не рассматривается?

Answer 1

[Владимир Проскурин]

Если чисто для хрома, вот такой "костыль" подойдет

метод работает, если заранее известно, какой ширины должен быть блок. Правый отступ задается в ширину блока inner, значение разница между шириной блока (в абсолютном значении) и требуемым отступом.