如何使用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];
    }}

返回一个包含两个整数的数组-[滚动左，滚动顶]