mania-ku

何か作りたいプログラマ未満。

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

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

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

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