@dominy

Как отлаживать css?

Здравствуйте, я хочу сделать так чтоб появление скрола не смещало элементы, для этого я
знаю ширину дива $width: 100vmin;
знаю ширину появляющегося скрола $scroll-width: 0.5vmin;
питаюсь посчитать ширину скрола в риалтайм используя (offsetWidth - clientWidth ) $realtime-scroll-width: calc(#{$width} - 100%); (падингов и бордеров нет)
считаю смещение для отсутствующего скрола
$scroll-additional-gap: calc(#{$scroll-width} - #{$realtime-scroll-width});
Но судя по всему это считается не правильно и я не знаю как отладить значения или посмотреть на промежуточный результат, возможна ли отладка css относительно значений в пикселях (чтоб к примеру узнать чему равен 100%)
  • Вопрос задан
  • 77 просмотров
Пригласить эксперта
Ответы на вопрос 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
В комментариях написал, что лучше решать задачу джаваскриптом.
Но и на css можно решить примерно так:



Обращаем внимание на красный правый квадрат – он не смещается.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы