如何使用Javascript获得滚动条位置？

Question

如何使用Javascript获得滚动条位置？

我试图用JavaScript检测浏览器滚动条的位置，以确定当前视图在页面中的位置。我的猜测是，我必须检测轨道上的拇指在哪里，然后拇指的高度作为轨道总高度的百分比。我是让它复杂化了，还是JavaScript提供了比这更简单的解决方案？有什么想法吗？

Answer 1

你可以用element.scrollTop和element.scrollLeft若要分别获得垂直偏移量和水平偏移量，请将其滚动。element可以document.body如果你关心整页。你可以把它和element.offsetHeight和element.offsetWidth(再一次，element如果你需要百分比的话。

Answer 2

document.getScroll = function() {     if (window.pageYOffset != undefined) {         return [pageXOffset, pageYOffset];     } else {         var sx, sy, d = document,             r = d.documentElement,             b = d.body;         sx = r.scrollLeft || b.scrollLeft || 0;         sy = r.scrollTop || b.scrollTop || 0;         return [sx, sy];     }}返回一个包含两个整数的数组-[滚动左，滚动顶]