Largura da barra de rolagem em JavaScript

A largura da barra de rolagem varia de acordo com o navegador. Podemos obter o valor dessa largura. Para isso, criaremos um elemento com rolagem, mas sem bordas e preenchimento interno:

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

Vamos adicionar alguns estilos a ele:

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

Vamos inserir o elemento no documento, caso contrário, suas dimensões serão zero:

javascriptdocument.body.append(div);

Vamos obter a largura da barra de rolagem:

javascriptlet scrollWidth = div.offsetWidth - div.clientWidth;

Vamos remover o elemento:

javascriptdiv.remove();