我正在尝试实现一个滚动条程序,作为电装机械臂的控制器。电装机器人手臂将相应地移动到滚动条的位置。如何知道滚动条手动滚动了多远?比如X和Y位置。我需要滚动条的X和Y位置来将数据发送到机械臂。我偶然发现了这个网站http://www.howtocreate.co.uk/tutorials/javascript/browserwindow,里面有一个关于如何做到这一点的教程,但是它只能计算浏览器的滚动条位置。
我想知道这些滚动条的位置。
请帮帮我!我对javascript还是很陌生的。
发布于 2016-09-06 17:04:33
您可以使用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>
https://stackoverflow.com/questions/39343705
复制相似问题