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

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

我想获得这些滚动条的位置。

请帮忙！我对javascript仍然很陌生。

来源

2016-09-06 CHIGGAJX

可以使用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>

来源

2016-09-06 09:04:32 user2314737

如何将其应用到滚动条的浏览器上的滚动窗格？我不希望它计算浏览器的滚动条位置。 – CHIGGAJX

@CHIGGAJX我更新了答案，希望这有助于 – user2314737

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

回答

相关问题