请问如何使用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&nbsp;a&nbsp;=&nbsp;element.scrollTop;就是那个职位。var&nbsp;b&nbsp;=&nbsp;element.scrollHeight&nbsp;-&nbsp;element.clientHeight;将是极大值价值滚动顶.var&nbsp;c&nbsp;=&nbsp;a&nbsp;/&nbsp;b;是卷轴的百分比[由0至1].

Answer 3

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