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

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

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

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

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

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

javascriptdocument.body.append(div);

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

javascriptlet scrollWidth = div.offsetWidth - div.clientWidth;

要素を削除します：

javascriptdiv.remove();