nanoScrollerのスクロールアニメーション

作成日:

nanoScrollerはスクロールバーのデザインをカスタマイズ出来るjQueryプラグインです。実装も容易で、jQueryを知っていれば簡単に使えると思います。最近はむしろ、jQuery不要なプラグインも多く、逆に使いにくかったりします。

favicon
jamesflorentino/nanoScrollerJS https://github.com/jamesflorentino/nanoScrollerJS

A jQuery plugin that offers a simplistic way of implementing Lion OS scrollbars.

このプラグイン使用時に、スクロール位置を特定の座標に移動させたい時、

JavaScript jQuery
$(".nano").nanoScroller({ scrollTop: value });

とすれば、位置を移動出来るのですが、イージングアニメーションを施すことが出来ません。

その場合は、

JavaScript jQuery
$('.nano-content').animate({
	scrollTop: value
}, 500, 'swing');

のように指定します。

物草 灸太郎
物草 灸太郎

WordPressでホームページを制作しつつ、休日は畑を耕したりDIYを楽しんでいます。

Loading...

コメントをどうぞ

  • メールアドレスが公開されることはありません。
  • コメント欄にURLは入力できません。
  • このサイトはreCAPTCHAによって保護されており、Googleのプライバシーポリシー利用規約が適用されます。