Թարգմանության սլաքի լայնությունը JavaScript-ում

Թարգմանության սլաքի լայնությունը կախված է բրաուզերից: Մենք կարող ենք ստանալ այդ լայնության արժեքը: Դրա համար ստեղծենք մի տարր, որն ունի թարգմանության սլաք, բայց առանց սահմանների և ներքին բացվածքների:

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

Ավելացնենք դրան որոշ ոճեր:

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

Տեղադրենք տարրը փաստաթղթում, հակառակ դեպքում չափերը կլինեն զրո:

document.body.append(div);

Ստացենք թարգմանության սլաքի չափը:

let scrollWidth = div.offsetWidth - div.clientWidth;

Հեռացնենք տարրը:

div.remove();

Տրված է կոճակ: Կոճակի վրա սեղմելով ստացեք թարգմանության սլաքի լայնությունը ձեր բրաուզերում: