skuare.netはJavaScriptライブラリのjQuery,mootools,prototypeのプラグインを中心にWebサイト構築に関する技術を試す個人サイトです

スクロールさせる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」