English
资源说明：今さら感たっぷりなスムーススクロールプラグイン
jQuery SmoothScroll JS
======================
今さら感たっぷりなスムーススクロールプラグイン
デモ
------
・シンプルスクロール
http://dev.creatorish.com/demo/smooth-scroll/index.html
・上下左右スクロール
http://dev.creatorish.com/demo/smooth-scroll/tile.html
・スクロールミニゲーム（ネタ）
http://dev.creatorish.com/demo/smooth-scroll/game.html
・インライン(overflow)スクロール
http://dev.creatorish.com/demo/smooth-scroll/inline.html
・任意の位置へのスクロール（JSからスクロール）
http://dev.creatorish.com/demo/smooth-scroll/position.html
・ギャラリー風サンプル
http://dev.creatorish.com/demo/smooth-scroll/gallery.html
使い方
------
### HTML ###
href属性にスクロール先のIDを記述します。
scroll top
### JavaScript ###
jquery.smoothScroll.jsを読み込んで以下のように記述します。
$(".hoge").smoothScroll();
オプション
------
smoothScrollの第一引数でオプションを指定できます。
$(".hoge").smoothScroll({
easing: "swing",
duration: 500,
cancel: true,
target: null,
start: function(x,y) {},
step: function(x,y){},
canceled: function(x,y) {},
complete: function(x,y){}
});
+ easing: スクロールに使うイージング名。jQuery Easing Pluginが使えます。
+ duration: スクロール時間
+ cancel: スクロール開始後にマウスホイール操作やクリック操作が行われたらスクロールを中止するかどうか
+ target: overflow:hiddenまたはautoした要素をスクロールさせる場合はtargetにその要素のセレクタを渡します。
+ start: スクロールが開始されたときに実行する処理
+ step: スクロールの度に実行する処理
+ canceled: スクロールがキャンセルされたときに実行する処理
+ complete: スクロールが完了したときに実行する処理
overflow要素のスクロール
--------
### HTML ###
scroll top
scroll bottom
top
dummy test
...(略)
bottom
### JavaScript ###
$(".hoge").smoothScroll({
target: "#hoge-content" //overflowを記述している要素
});
JSからのスクロール
--------
var smooth = $.fn.smoothScroll();
//scroll(x,y);
//指定したx,y位置にスクロール
scroll.scroll(0,100);
//scrollToElement(selector);
//指定した要素へスクロール
scroll.scrollToElement("#hoge");
ライセンス
--------
[MIT]: http://www.opensource.org/licenses/mit-license.php
Copyright © 2012 creatorish.com
Distributed under the [MIT License][mit].
作者
--------
creatorish yuu
Weblog:
Facebook:
Twitter:
本源码包内暂不包含可直接显示的源代码文件，请下载源码包。
