JavaScript'te Kaydırma Çubuğu Genişliği

Kaydırma çubuğunun genişliği tarayıcıya bağlıdır. Bu genişliğin değerini alabiliriz. Bunun için, kenarlıkları ve iç boşlukları olmayan, ancak kaydırma özelliği olan bir öğe oluşturacağız:

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

Bazı stiller ekleyelim:

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

Boyutlar sıfır olacağından, öğeyi belgeye yerleştirelim:

javascriptdocument.body.append(div);

Kaydırma çubuğunun genişliğini alalım:

javascriptlet scrollWidth = div.offsetWidth - div.clientWidth;

Öğeyi kaldıralım:

javascriptdiv.remove();