Какая ширина вертикального скролла

Ширина вертикального скролла зависит от браузера и операционной системы. Обычно она варьируется от 12px до 20px.

Чтобы точно измерить ширину скроллбара в текущем окружении, можно использовать JavaScript:

const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
console.log(scrollbarWidth); // Выведет ширину скроллбара в пикселях

В CSS можно скрыть стандартный скролл и заменить его кастомным, если нужен контроль над внешним видом:

::-webkit-scrollbar {
  width: 8px; /* Задаём свою ширину */
}

Важно: ::-webkit-scrollbar работает только в браузерах на движке WebKit (Chrome, Safari, Edge). Для Firefox используй scrollbar-width: thin.