[jQuery]perfect-scrollbarプラグイン

PHPSPOTで完璧なスクロールバーを実現できるjQueryプラグイン「perfect-scrollbar」というプラグインが紹介されていたので、導入方法を調べることに。

下のようなdom構成で考える。

<div style="overflow:hidden;position:relative;width:100px;height:100px;" id="container">
  <div>
    <img src="/img.png">
  </div>
</div>

あとは、
perfect-scrollbar.css
と
perfect-scrollbar.js
を入れて、

jQuery(function($){
  $('#container').perfectScrollbar();
});

とすればおｋ

id="container"のwidthとheightは任意の値でいけそうだ。
IE9で試したら、横スクロールがカクカクしていてちょっと気になったけど、それ以外は大丈夫かなと。

他にも色々とパラメータ調整できるようだが、そこはもうちょっと時間をかけてみていきいたい。