気持ちの良いページ内スクロールを実現するjQueryプラグイン Arbitrary Anchor

cap

Arbitrary Anchorは気持ちの良いページ内スクロールを実現するjQueryプラグインです。

ページ内スクロール用のjQueryプラグインは色々ありますが、これはなかなか気持ちの良いスクロールを実現できます。

デモはこちら。

ソースのダウンロードはこちら。

実装例

jQuery、jQuery Easingと一緒に読み込みます。

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.easing.min.js"></script>
<script type="text/javascript" src="jquery.arbitrary-anchor.js"></script>

ページ内リンクを設定します。

<p><a href="#.test">testに飛びます。</a></p>
<p>コンテンツ</p>
<p class="test">test</p>

オプションを指定します。

<script type="text/javascript">
 window.AA_CONFIG = {
 animationLength: 1500,
 easingFunction: 'easeOutCirc',
 readyEvent: 'aa-ready',
 scrollOffset: 30
 };
</script>

関連記事

 

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

コメント

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

  • Posted on
  • Updated on
  • Views 480