iPhoneライクにスクロールさせるJavaScript「OverScroll」

iPhoneのスムーズなスクロールをJavaScriptライブラリ「jQuery」で実現しました。
via:OverScroll

sponsors

使用方法

OverScrollからjquery.overscroll.jsをjQueryからjquery.jsをダウンロードします。

<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="jquery.overscroll.js"></script>
<script type="text/javascript">
$(document).ready(function()	{					
	$("#id名").overscroll();
});
</script>
あとは上記のid名でくくれば完成です。

<ul id="id名"> 
	<li>item</li> 
	<li>item</li> 
	<li>item</li> 
	<li>item</li> 
	<li>item</li> 
	<li>item</li> 
	<li>item</li> 
	<li>item</li> 
	<li>item</li> 
</ul>
CSSで高さを少なめに指定して、上下にドラッグするとスムーズなスクロールを体験できます。

サンプル

sponsors

Javascriptサンプルページ一覧
skuare.net