1

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

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

4

4 回答 4

2

在这里找到：如何获取浏览器的滚动条大小？

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 () );
于 2012-04-09T21:05:31.000 回答
0

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

于 2012-04-09T20:19:04.727 回答
0

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

于 2012-04-09T20:19:24.077 回答
0

有趣的问题。我的想法是：当您感兴趣的房产不可用时，请进行测试。

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

  • 获取clientHeight之前
  • 扩展内部元素的宽度，宽度足以产生滚动条
  • 之后获取clientHeight
  • 减去

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

于 2012-04-09T21:03:19.003 回答