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

Question

如何获得浏览器滚动条的高度？对于这种情况，JS有内置的函数吗？谁来帮帮我。

Answer 1

没有内置的方法可以做到这一点。但是，滚动条的高度应该指示出多少可用内容适合可用视区。根据这一点，我们可以这样确定它：

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

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

注意:不同的浏览器可能会向/从滚动条高度添加/减少一些像素。

Answer 2

'window.pageYOffset'

返回滚动条相对于文档全高的当前高度。一个简单的用法示例如下

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

Answer 3

这有帮助吗？

this.document.body.scrollHeight