ჯავასკრიპტში გადახვევის ზოლის სიგანე

გადახვევის ზოლის სიგანე ბრაუზერის მიხედვით იცვლება. ჩვენ შეგვიძლია მივიღოთ ამ სიგანის მნიშვნელობა. ამისთვის შევქმნათ ელემენტი გადახვევით, მაგრამ ჩარჩოების და შიდა ზედაპირების გარეშე:

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();

მოცემულია ღილაკი. ღილაკზე დაწკაპუნებით მიიღეთ გადახვევის ზოლის სიგანე თქვენს ბრაუზერში.