30秒学会 JavaScript 片段 · 2023年4月6日

30秒学会 JavaScript 片段 – Scrollbar width

Calculates the width of the window’s vertical scrollbar.

  • Use Window.innerWidth to get the interior width of the window.
  • Use Element.clientWidth to get the inner width of the Document element.
  • Subtract the two values to get the width of the vertical scrollbar.

代码实现

const getScrollbarWidth = () =>
  window.innerWidth - document.documentElement.clientWidth;

getScrollbarWidth(); // 15

翻译自:https://www.30secondsofcode.org/js/s/get-scrollbar-width