iScroll 스크롤 현재위치 알아내기

iScroll 은 여러모로 유용하게 사용된다.

특히, 요즘 유행하는 parallax scroll 을 쉽게 제작하려면 빼먹을 수 없는 라이브러리이다.

본론으로 들어가서, iScroll 을 사용하다 보면 스크롤의 현재 위치를 가져와야 할 때가 있을 것이다.

onScrollEnd 메소드처럼 기본적으로 제공하는 getScroll 메소드는 없다.

결론은, 메소드를 수동으로 추가해서 사용할 수 있다.

방법은 이러하다.

iscroll.js 파일에 

scrollTo: function (x, y, time, relative) {

var that = this,

step = x,

i, l;

that.stop();

if (!step.length) step = [{ x: x, y: y, time: time, relative: relative }];

for (i=0, l=step.length; i<l; i++) {

if (step[i].relative) { step[i].x = that.x - step[i].x; step[i].y = that.y - step[i].y; }

that.steps.push({ x: step[i].x, y: step[i].y, time: step[i].time || 0 });

}

that._startAni();

},

// 이부분에 수동으로 코드를 추가

 getScrollY: function () {

 var that = this;

 return that.y;

 },  

 

 getScrollX: function () {

 var that = this;

 return that.x;

 },  

//아래 형식으로 사용할 수 있다.

myScroll.getScrollY()

myScroll.getScrollX()

//사용 예

myScroll = new iScroll('textbox',{

bounce: false,

momentum: false,

vScroll:false,

vScrollbar:false,

hScrollbar:false,

snap:true,

onScrollEnd : function(){

play();

}

});

var play = function(){

console.log("scrollX : "+myScroll.getScrollX());

}

//콘솔에 찍히는 결과값을 보자

참고 : https://groups.google.com/forum/#!topic/iscroll/et6BR4OzaZM