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:
let div = document.createElement('div');
Vamos adicionar alguns estilos a ele:
div.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:
document.body.append(div);
Vamos obter a largura da barra de rolagem:
let scrollWidth = div.offsetWidth - div.clientWidth;
Vamos remover o elemento:
div.remove();
Dado um botão. Ao clicar no botão, obtenha a largura da barra de rolagem no seu navegador.
