<!DOCTYPE html>
<div id='div'>
qwerqwrqwrwefwfjwefjifhwuifhwefuihwfuihwufhwuefhwefhfnsjkdvnjkvbidfvfhvjfnvjfnvufhgfvujfnvfn
</div>
<script>
// create a div with the scroll
div.style.overflowY = 'scroll';
div.style.width = '500px';
div.style.height = '500px';
div.style.border = '500px';
// must put it in the document, otherwise sizes will be 0
let scrollWidth = div.offsetWidth - div.clientWidth;
alert(scrollWidth);
</script>
offsetWidth - это ширина вместе с бордером.
clientWidth - это ширина вместе с паддингом.
Если отнять clientWidth от offsetWidth - получится скролл и бордер, но мне выдают только ширину скролла.
