如何在javascript中获取浏览器滚动条高度

Question

如何获取浏览器滚动条高度？ JS 有没有针对这种情况的内置函数？ 有人请帮我解决这个问题。

Answer 1

没有为此提供内置方法。 但是，滚动条的高度应该指示可用视口中有多少可用内容。 据此，我们可以确定它如下：

var sbHeight = window.innerHeight * (window.innerHeight / document.body.offsetHeight);

其中window.innerHeight / document.body.offsetHeight是当前可见内容的百分比。 我们将其与可用的视口高度相乘以获得近似的滚动条高度。

注意：不同的浏览器可能会在滚动条高度上增加/减少一些像素。

Answer 2

我正在使用窗口和客户端之间的差异宽度：

function getScrollbarWidth() {
    return window.innerWidth - document.documentElement.clientWidth;
}

Answer 3

'window.pageYOffset'

返回有关文档全高的滚动条的当前高度。 一个简单的用法示例就像

alert('Current scroll from the top: ' + window.pageYOffset)

Answer 4

这有帮助吗？

this.document.body.scrollHeight