JavaScriptでのスクロールバーの幅

スクロールバーの幅はブラウザに依存します。この幅の値を取得することができます。そのためには、境界線や内側の余白なしで、スクロール可能な要素を作成します：

let div = document.createElement('div');

いくつかのスタイルを追加します：

div.style.overflowY = 'scroll';
div.style.width = '50px';
div.style.height = '50px';

要素をドキュメントに挿入します。そうしなければサイズはゼロになります：

document.body.append(div);

スクロールバーのサイズを取得します：

let scrollWidth = div.offsetWidth - div.clientWidth;

要素を削除します：

div.remove();

ボタンが与えられています。ボタンをクリックして、あなたのブラウザのスクロールバーの幅を取得してください。