获取文档内容的高度，包括滚动条javascript

Question

这是关键问题：当存在滚动条时，如何获得元素（在本例中为文本框）的准确偏移顶部？ javascript。

我有一个页面会溢出浏览器窗口的高度，这意味着会有滚动条。我在整个页面都有文本框，并链接了 onblur 事件。 Onblur 它将验证 textobx 的值。如果数据无效。如果不是，那么它将/应该在文本框顶部移动一个带有错误消息的气泡。 element.offsettop 似乎没有考虑页面上可能存在的任何滚动条。

谢谢！如果您不明白我在问什么，请告诉我。

编辑：

谁能帮我找出文档内容的高度。不是窗口高度而是文档内容高度，所以它还包括滚动条的高度？谢谢！

Answer 1

文档大小是浏览器兼容性的噩梦，因为尽管所有浏览器都公开了 clientHeight 和 scrollHeight 属性，但它们并不都同意这些值的计算方式。

对于如何测试正确的高度/宽度，过去有一个复杂的最佳实践公式。这涉及到使用 document.documentElement 属性（如果可用）或回退到文档属性等等。

获取正确高度的最简单方法是获取在文档或 documentElement 上找到的所有高度值，并使用最高的值。这基本上就是 jQuery 所做的：

var body = document.body,
    html = document.documentElement;

var height = Math.max( body.scrollHeight, body.offsetHeight, 
                       html.clientHeight, html.scrollHeight, html.offsetHeight );