【js】jquery.jscrollpane.js＋丸角のおまじない

Tweet

Pocket

IE7以上でiPhoneっぽい見た目のスクロールを実装したいとき、便利なのがjquery.jscrollpane.js＋jquery.corner.jsです。
丸角は他も色々試しましたがjquery.corner.jsが一番使いやすいです。

jquery.jscrollpane.jsはwebkitで高さの取得がおかしい場合（下に隙間ができる）があります。
そのときは下記のようにIE9以上とモダンブラウザにバグ対策をします。IE8以下にも効かせると丸角も効かなくなるので、注意してください。
なお、下記の振り分けはjQuery1.8系まで使用できるものです。

if($.browser.msie && $.browser.version < 9){ //IE８以下
	$(スクロールを付けたい要素).jScrollPane();
	$(".jspDrag, .jspTrack").corner(); //丸角にする処理
} else {
	$(スクロールを付けたい要素).jScrollPane({
		autoReinitialise: true //バグ対策
	});
}