Question

在一个简单的，兼容的HTML文档中，其中元素中的内容比浏览器的视口具有更高的高度，垂直滚动条将显示在右侧（当然，除非禁用了滚动条）。

发生这种情况时，滚动条附加到哪个元素：或？

Answer 1

如果您想知道元素如何附加CSS属性overflow，则没关系。您可以根据需要将其附加到<html>或<body>上。

Answer 2

如 David Murdoch 所述Here，这是最好的认识方式

function getScrollingElement() {
  var d = document;
  return d.documentElement.scrollHeight > d.body.scrollHeight &&
    d.compatMode.indexOf('CSS1') == 0 ?
    d.documentElement :
    d.body;
}

Answer 3

默认情况下（至少在Chrome浏览器中为<html>）。您可以通过向下滚动此页面并将document.body.scrollTop与document.getElementsByTagName('html').item(0).scrollTop进行比较来进行测试。

没有任何要求保持此选择，并且可以使用CSS覆盖此默认行为。

Answer 4

尝试添加：

   * {
outline: 1px solid green;
}

然后，当您向下滚动时，右键单击它可以查看高框（大框）以检查元素。然后您应该会看到所需的所有信息。

HTML-页面的滚动条是哪个元素：或？

4 个答案: