Slankymo juostos plotis JavaScript

Slankymo juostos plotis priklauso nuo naršyklės. Mes galime gauti šio pločio reikšmę. Norėdami tai padaryti, sukursime elementą su slankymu, bet be rėmelių ir vidinių atitraukimų:

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

Pridėkime jam šiek tiek stilių:

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

Įterpkime elementą į dokumentą, kitaip jo matmenys bus lygūs nuliui:

document.body.append(div);

Gaukime slankymo juostos plotį:

let scrollWidth = div.offsetWidth - div.clientWidth;

Pašalinkime elementą:

div.remove();

Duotas mygtukas. Paspaudus mygtuką gaukite slankymo juostos plotį savo naršyklėje.