O'tkazish paneli kengligi qancha?

Standart aylantirish panelining kengligini qaytaradigan kodni yozing.

Windows uchun u odatda 12px va 20px orasida oʻzgarib turadi. Brauzer buning uchun joy ajratmasa (aylantirish paneli matn ustida yarim shaffof bo’ladi, bu ham sodir bo’ladi), u 0px bo’lishi mumkin.

P.S. Kod har qanday HTML hujjati uchun ishlashi kerak, uning mazmuniga bog’liq emas.

O’tkazish paneli kengligini olish uchun biz aylantirish bilan element yaratishimiz mumkin, lekin chegaralar va to’ldirishlarsiz.

Keyin uning to’liq kengligi offsetWidth va ichki kontent maydoni kengligi clientWidth o’rtasidagi farq aynan aylantirish paneli bo’ladi:

// aylantirish orqali div yarating
let div = document.createElement("div");

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

// uni hujjatga qo'yish kerak, aks holda o'lchamlar 0 bo'ladi
document.body.append(div);
let scrollWidth = div.offsetWidth - div.clientWidth;

div.remove();

alert(scrollWidth);