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:
let div = document.createElement('div');
Bazı stiller ekleyelim:
div.style.overflowY = 'scroll';
div.style.width = '50px';
div.style.height = '50px';
Boyutlar sıfır olacağından, öğeyi belgeye yerleştirelim:
document.body.append(div);
Kaydırma çubuğunun genişliğini alalım:
let scrollWidth = div.offsetWidth - div.clientWidth;
Öğeyi kaldıralım:
div.remove();
Bir buton verildi. Butona tıklandığında, tarayıcınızdaki kaydırma çubuğu genişliğini alın.