JavaScript에서 스크롤바 너비 구하기

스크롤바의 너비는 브라우저에 따라 다릅니다. 이 너비 값을 얻을 수 있습니다. 이를 위해 테두리와 안쪽 여백 없이 스크롤이 가능한 요소를 생성합니다:

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

여기에 몇 가지 스타일을 추가합니다:

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

요소를 문서에 삽입합니다, 그렇지 않으면 크기가 0이 됩니다:

document.body.append(div);

스크롤바의 너비를 얻습니다:

let scrollWidth = div.offsetWidth - div.clientWidth;

요소를 제거합니다:

div.remove();

버튼이 주어졌습니다. 버튼을 클릭하여 현재 브라우저의 스크롤바 너비를 얻으세요.