获取滚动条宽度的方法

  function getScrollbarWidth() {
  // 创建一个临时div来测量
  const outer = document.createElement('div');
  outer.style.visibility = 'hidden';
  outer.style.overflow = 'scroll'; // 强制显示滚动条
  outer.style.width = '100px';
  document.body.appendChild(outer);

  const inner = document.createElement('div');
  inner.style.width = '100%';
  outer.appendChild(inner);

  // 计算滚动条宽度
  const scrollbarWidth = outer.offsetWidth - inner.offsetWidth;

  // 清理
  outer.parentNode.removeChild(outer);

  return scrollbarWidth;
}

console.log('真实滚动条宽度:', getScrollbarWidth());