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:
let div = document.createElement('div');
Añadimos algunos estilos:
div.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:
document.body.append(div);
Obtenemos el ancho de la barra de desplazamiento:
let scrollWidth = div.offsetWidth - div.clientWidth;
Eliminamos el elemento:
div.remove();
Se da un botón. Al hacer clic en el botón, obtén el ancho de la barra de desplazamiento en tu navegador.
