获取滚动条的默认高度

Question

滚动条的默认高度（水平）是多少？ 我无法在线找到该文件。

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

Answer 1

在此处找到：How can I get the browser's scrollbar sizes?

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

Answer 2

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

Answer 3

无论用户的计算机设置为何种。对此没有严格的规定。例如，在我的Ubuntu机器上，默认滚动条大小为0 - 而不是传统的滚动条，它有一个滚动线，当鼠标移动到它附近时会出现箭头，并且它不占用文档上的空间。但是，在我的Windows安装中，滚动条大小为14像素，但我可以从大约8到500之间的任何值设置它......

Answer 4

有趣的问题。我的想法是：当你感兴趣的房产不容易获得时，请测试。

如果将滚动条高度设置为100％，我可以想到的一个受滚动条高度影响的DOM属性是body的clientHeight（或任何具有滚动条的框）。这可能是一种愚蠢的方法，并不确定它到底有多大用处，但请查看：

• 在
之前获得clientHeight
• 展开内部元素的宽度，宽度足以导致滚动条
• 在
之后获得clientHeight
• 减去

我做了一个小提琴。就像我说的，不确定这种方法在现实生活中有多么有用，但也许这是一个开始的事情。 http://jsfiddle.net/brico/t6zMN/