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

Question

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

Answer 1

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

Answer 2

我这么做是为了<div>在Chrome上。

元素.滚动顶部-是由于滚动而隐藏在顶部的像素。没有滚动，它的值是0。

元素.滚动高度-是整个div的像素。

元素.用户数-是您在浏览器中看到的像素。

var a = element.scrollTop;

就是那个职位。

var b = element.scrollHeight - element.clientHeight;

将是极大值价值滚动顶.

var c = a / b;

是卷轴的百分比[由0至1].

Answer 3

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];
    }}

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