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