Html 获取滚动条的默认高度

滚动条（水平）的默认高度是多少？ 我在网上找不到该文档

更新：我们可以编写一个javascript函数来获取它吗？请不要投反对票。很难得到它。

---

谢谢。

这取决于客户端的屏幕分辨率和浏览器。如果你解释一下为什么要问这个问题，那么我可能会给出一个更好的答案。

无论用户的计算机设置为什么。在这方面没有硬性规定。例如，在我的Ubuntu机器上，默认的滚动条大小是0，而不是传统的滚动条，它有一条滚动线，当鼠标靠近滚动条时会出现箭头，并且不会占用文档空间。然而，在我的Windows安装中，滚动条的大小是14像素，但我可以将其设置为8到500之间的任何值…

有趣的问题。我的想法是：当你感兴趣的房产不容易买到时，测试一下

我能想到的一个受滚动条高度影响的DOM属性是主体的clientHeight（或者任何包含滚动条的框），如果您将其设置为100%。这可能是一种愚蠢的方法，不确定它到底有多有用，但请查看：

• 在开始之前就要保持体重
• 展开内部元素的宽度，足够宽以产生滚动条
• 过了一会就要瘦身了
• 减去

我把这个弄得一团糟。就像我说的，我不确定这种方法在现实生活中有多有用，但也许这是一个开始。

在这里找到：

---

这取决于您所处的浏览器……“滚动条的默认高度（水平）？高度==垂直，宽度=水平。您的问题非常令人困惑。请看我刚刚更新的图像。很好。这是我在小提琴中提出的更完善的版本。@benauthor我像冠军一样复制和粘贴。

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);
};

alert( getScrollBarWidth () );