scriptaculousライブラリのx軸移動


最近開発する必要があります.ダウンロードしてscriptaculous.jsを使いました.
スクロールバーはY軸方向の位置決め移動のみであることが分かりました.
自分でX軸方向の移動位置を補充しました.
インターフェースSrollToXを追加しました.
使い方:new Effect.SrollToX(Obj)

/*---------------------------
 * Title:scrollToX
 * Version: scriptaculous 1.5
 * Using: Prototype 1.4
 * Author:i5tt.com
 * Date: 2006-08-08
 * Web: www.i5tt.com
 *---------------------------*/

Effect.ScrollToX = Class.create();
Object.extend(Object.extend(Effect.ScrollToX.prototype, Effect.Base.prototype), {
 initialize: function(element) {
 this.element = $(element);
 this.start(arguments[1] || {});
 },
 setup: function() {
 Position.prepare();
 var offsets = Position.cumulativeOffset(this.element);
 if(this.options.offset) offsets[0] += this.options.offset;
 var max = window.innerWidth ? 
 window.width - window.innerWidth :
 document.body.scrollWidth - 
 (document.documentElement.clientWidth ? 
 document.documentElement.clientWidth : document.body.clientWidth);
 this.scrollStart = Position.deltaX;
 this.delta = (offsets[0] > max ? max : offsets[0]) - this.scrollStart;
 },
 update: function(position) {
 Position.prepare();
 window.scrollTo( 
 this.scrollStart + (position*this.delta) ,Position.deltaY);
 }
});