JavaScript를 사용하여 브라우저 스크롤 막대 크기를 어떻게 결정할 수 있습니까?

브라우저 스크롤바 크기 결정

다음을 사용하여 수평 또는 수직 방향의 스크롤바 크기를 어떻게 확인할 수 있습니까? JavaScript?

해결책:

아래 인용된 대로 Alexandre Gomes 블로그에서 JavaScript 솔루션을 제안했습니다.

function getScrollBarWidth () {
  var inner = document.createElement('p');
  inner.style.width = "100%";
  inner.style.height = "200px";

  var outer = document.createElement('div');
  outer.style.position = "absolute";
  outer.style.top = "0px";
  outer.style.left = "0px";
  outer.style.visibility = "hidden";
  outer.style.width = "200px";
  outer.style.height = "150px";
  outer.style.overflow = "hidden";
  outer.appendChild (inner);

  document.body.appendChild (outer);
  var w1 = inner.offsetWidth;
  outer.style.overflow = 'scroll';
  var w2 = inner.offsetWidth;
  if (w1 == w2) w2 = outer.clientWidth;

  document.body.removeChild (outer);

  return (w1 - w2);
}

만들고 비교하여 스크롤바 적용 여부에 관계없이 숨겨진 요소의 너비 또는 높이, 이 기능은 수평 스크롤바의 너비 또는 수직 스크롤바의 높이를 정확하게 결정합니다. 스크롤바.

위 내용은 JavaScript를 사용하여 브라우저 스크롤 막대 크기를 어떻게 결정할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!