如何找出滾動條滾動的距離？

我想實現一個滾動條程序，充當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

如何找出滾動條滾動的距離？

回答

相關問題