如何在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

这有帮助吗？

this.document.body.scrollHeight