Szerokość paska przewijania w JavaScript

Szerokość paska przewijania zależy od przeglądarki. Możemy uzyskać wartość tej szerokości. Aby to zrobić, tworzymy element z przewijaniem, ale bez obramowań i wewnętrznych wcięć:

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

Dodajmy mu kilka stylów:

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

Wstawmy element do dokumentu, w przeciwnym razie jego rozmiary będą równe zero:

javascriptdocument.body.append(div);

Pobierzmy szerokość paska przewijania:

javascriptlet scrollWidth = div.offsetWidth - div.clientWidth;

Usuńmy element:

javascriptdiv.remove();