JQuery Animation을 통해서 Qooxdoo 프로퍼티로 애니메이션 구현 예제
// 스크롤 을 움직이는 예제
var control = this.getChildControl("scrollpane");
if (control) {
if (!this.__isAnimate) {
var self = this,
element = control.getContainerElement().getDomElement();
self.__isAnimate = true;
var ani = jQuery(element);
var pos;
if (this.getOrientation() === "horizontal") {
element.style.scrollAnimationPositon = control.getScrollX();
pos = control.getScrollX();
} else {
element.style.scrollAnimationPositon = control.getScrollY();
pos = control.getScrollY();
}
ani.animate(
{ scrollAnimationPositon: option + self.getScrollStep() },
{ duration: 500,
// easing: "easeInBack",
step: function(now, fx) {
// now는 애니메이션 이동 텀을 나타낸다.
self.scrollTo(parseFloat(pos) + parseFloat(now));
},
complete:function () {
self.__isAnimate = false;
}
}
);
}
}