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>