如何找出滚动条滚动的距离？

Question

我正在尝试实现一个滚动条程序，它充当了denso机器人手臂的控制器。密度机械臂将相应地移动到滚动条的位置。如何找出滚动条手动滚动的距离？喜欢X和Y的位置。我需要滚动条的X和Y位置将数据发送到机器人手臂。我遇到过这个网站http://www.howtocreate.co.uk/tutorials/javascript/browserwindow，有一个关于如何做的教程，但它只能计算浏览器的滚动条位置。

我正在尝试获取这些滚动条的位置。

请帮忙！我仍然是javascript的新手。

Answer 1

您可以使用pageXOffset，pageYOffset（http://www.w3schools.com/jsref/prop_win_pagexoffset.asp）

  

pageXOffset和pageYOffset属性返回像素   当前文档已从左上角滚动   窗口，水平和垂直。

window.onscroll=function(){
console.log(window.pageXOffset,window.pageYOffset);};

<div style="height:3000px;width:3000px"></div>

要获取通用对象滚动条的位置，请使用scrollLeft和scrollTop

scrollPane = document.getElementById("scrollpane");

scrollPane.onscroll=function(){
console.log(scrollPane.scrollLeft,scrollPane.scrollTop );};

<div id="scrollpane" style="width:300px;height:60px;overflow:scroll;"><img src="https://i.stack.imgur.com/sISz0.png"/></div>