Ancho de la barra de desplazamiento en JavaScript

El ancho de la barra de desplazamiento depende del navegador. Podemos obtener el valor de este ancho. Para ello, crearemos un elemento con desplazamiento, pero sin bordes y sin relleno interno:

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

Añadimos algunos estilos:

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

Insertamos el elemento en el documento, de lo contrario sus dimensiones serán cero:

javascriptdocument.body.append(div);

Obtenemos el ancho de la barra de desplazamiento:

javascriptlet scrollWidth = div.offsetWidth - div.clientWidth;

Eliminamos el elemento:

javascriptdiv.remove();