コニファ・ロゴ

csstest:jQueryプラグイン perfect-scrollbar.jsを使って、多機能なスクロールバー

大きな写真をそのサイズよりも小さな範囲で表示させたいシチュエーションで、全体を見せるためにはスクロールバーが必須になりますが、スクロールバーがじゃまにならないよう、フォーカスしたときだけ表示させるようにしてくれます。(1)は縦横のスクロールバーを表示しますが、(2)では、縦のみ、(3)では横のみ、と制限を加えることもできます。また、ホィールによるスクロールのスピードも調整や、スクロールバーの表示位置を逆側にすることなども可能です。

(1)Default

(2)suppressScrollX: true

(3)suppressScrollY: true

 

※引用、参考:http://noraesae.github.io/perfect-scrollbar/
現在は終了しているかもしれません。

 

戻るボタン