スクロールさせる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>
＊この項目をリンクにするとスクロールができなくなります。。。
スクロールさせるjavascript「iscroll」サンプル

2007年09月07日

前の記事：コンテンツをスライド表示するjavascript「glider.js」
次の記事：jQueryベースの日付選択javascript「jQueryDatePicker」

関連記事

• [mootools]mooVRotatingMenu
• [mootools]UI Tabs
• [mootools]click the birds
• [mootools]accordeon and effects
• [mootools]iFishEye

• ファイルサイズをJavaScriptライブラリ「jQuery」で自動表示する「addSizes.js」
• JavaScriptライブラリ「jQuery」を使用してフォームを華麗に彩る「jqTransform」
• Webカラーに関するサイト21
• 英字新聞ぽいコラムをJavaScriptライブラリ「jQuery」で作る「Columnizer」
• 心地よく要素を切り替えるJavaScript「jFlip」
• CoverFlowを実現するJavaScript「JS Coverflow」
• 画像を丸く輝かせるJavaScript「sphere.js」
• セクシーなLightBoxを実現するJavaScript「Sexy LightBox」
• JavaScriptライブラリ「jQuery」を使ってカレンダーを作る「jCal.js」
• カバーフローぽい画像ギャラリーJavaScript「ProtoFlow」