Πλάτος γραμμής κύλισης σε JavaScript

Το πλάτος της γραμμής κύλισης εξαρτάται από το πρόγραμμα περιήγησης. Μπορούμε να πάρουμε την τιμή αυτού του πλάτους. Για να το κάνουμε αυτό, δημιουργούμε ένα στοιχείο με κύλιση, αλλά χωρίς borders και εσωτερικά paddings:

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

Δίνεται ένα κουμπί. Με κλικ στο κουμπί πάρτε το πλάτος της γραμμής κύλισης στο πρόγραμμα περιήγησής σας.