気持ちの良いページ内スクロールを実現する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>

人気の記事

2017年、人気の無料WordPressテーマ100選
2017年、人気の無料WordPressテーマ100選
2017年におすすめしたい、日本語対応の有料WordPressテーマ10選
2017年におすすめしたい、日本語対応の有料WordPressテーマ10選
アドセンス運用に最適なWordPressテーマ11選
アドセンス運用に最適なWordPressテーマ11選

フリーランスITエンジニアの案件・求人情報サイト

フリーランスWebクリエイター大募集!「ギークスジョブ」

コメント

  • Posted on
  • Updated on
  • Views 429