首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何知道滚动条滚动了多远?

如何知道滚动条滚动了多远?
EN

Stack Overflow用户
提问于 2016-09-06 16:05:10
回答 1查看 50关注 0票数 1

我正在尝试实现一个滚动条程序,作为电装机械臂的控制器。电装机器人手臂将相应地移动到滚动条的位置。如何知道滚动条手动滚动了多远?比如X和Y位置。我需要滚动条的X和Y位置来将数据发送到机械臂。我偶然发现了这个网站http://www.howtocreate.co.uk/tutorials/javascript/browserwindow,里面有一个关于如何做到这一点的教程,但是它只能计算浏览器的滚动条位置。

我想知道这些滚动条的位置。

请帮帮我!我对javascript还是很陌生的。

EN

回答 1

Stack Overflow用户

发布于 2016-09-06 17:04:33

您可以使用pageXOffsetpageYOffset (http://www.w3schools.com/jsref/prop_win_pagexoffset.asp)

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

代码语言:javascript
运行
复制
window.onscroll=function(){
console.log(window.pageXOffset,window.pageYOffset);};
代码语言:javascript
运行
复制
<div style="height:3000px;width:3000px"></div>

要获取泛型对象的滚动条位置,请使用scrollLeftscrollTop

代码语言:javascript
运行
复制
scrollPane = document.getElementById("scrollpane");

scrollPane.onscroll=function(){
console.log(scrollPane.scrollLeft,scrollPane.scrollTop );};
代码语言:javascript
运行
复制
<div id="scrollpane" style="width:300px;height:60px;overflow:scroll;"><img src="https://i.stack.imgur.com/sISz0.png"/></div>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/39343705

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档