2016-09-06 2 views
1

저는 denso 로봇 팔의 컨트롤러 역할을하는 스크롤바 프로그램을 구현하려고합니다. 데 소 로봇 팔은 스크롤바의 위치에 따라 움직입니다. 스크롤바가 수동으로 얼마나 멀리 스크롤되는지를 어떻게 알 수 있습니까? X와 Y 위치와 같습니다. 데이터를 로봇 팔에 보내려면 스크롤 막대의 X 및 Y 위치가 필요합니다. 이 웹 사이트 http://www.howtocreate.co.uk/tutorials/javascript/browserwindow을 보았습니다. 어떻게하는지에 대한 자습서가 있었지만 브라우저의 스크롤바 위치 만 계산할 수 있습니다.스크롤 막대가 얼마나 멀리 스크롤되어 있는지 어떻게 알 수 있습니까?

나는이 스크롤바의 위치를 ​​얻으려고하고있다.

pic 도와주세요! 나는 아직도 아주 javascript에 새롭다.

답변

0

당신은 수평 및 수직, 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>

+0

을 얻기 위해 어떻게 스크롤바에 적용 할 ~의 브라우저의 scrollpane? 나는 브라우저의 스크롤바 위치를 계산하기를 원하지 않는다. – CHIGGAJX

+0

@CHIGGAJX 답변이 업데이트되었습니다. 도움이 되었기를 바랍니다. – user2314737

관련 문제