スクロールさせるjavascript「iscroll」

なんと表現したらいいのか分からないけれど、スクロールさせられるjavascript。
あまりのスムーズさに何度もスクロールしてしまいます。
mootoolsベースでSeitentitelで公開されています。

使用方法

iscroll.jsとmootitle.cssをダウンロード。
＊CSSは本家のを少しいじってます。
また、mootoolsのバージョンが違うのか既存ので使えないのでこちらからmootools.jsをダウンロードしてください。
次にheadに以下を埋め込みます。

<link rel="stylesheet" href="http://yourdomain/mootitle.css" type="text/css" media="screen">

<script src="http://yourdomain/iscroll.js" type="text/javascript"></script>

<script type="text/javascript">

window.addEvent('domready', function(){

	if($('iscroller')){

		var myIScroll = new IScroll($('iscroller'),{});

	}

});

</script>

さらにHTMLを以下の通りに書きます。

<div id="iscroller">

<h1>タイトル>/h1<

<ul>

<li>項目1</li>

<li>項目2</li>

<li>項目3</li>

</ul>

</div>

＊この項目をリンクにするとスクロールができなくなります。。。

サンプル

Title

Entry One
Entry Two
Entry Three
Entry Four
Entry Five
Entry One
Entry Two
Entry Three
Entry Four
Entry Five
Entry One
Entry Two
Entry Three
Entry Four
Entry Five
Entry One
Entry Two
Entry Three
Entry Four
Entry Five
Entry One
Entry Two
Entry Three
Entry Four
Entry Five
Entry One
Entry Two
Entry Three
Entry Four
Entry Five
Entry One
Entry Two
Entry Three
Entry Four
Entry Five
Entry One
Entry Two
Entry Three
Entry Four
Entry Five

Javascriptサンプルページ一覧

skuare.net