jQuery/SmoothScroll

Smooth-Scroll

ページ内リンクを滑らかに移動するjQueryのプラグイン

公式サイト

http://plugins.jquery.com/smooth-scroll/

準備

• 1）ファイルセットのダウンロード
  http://plugins.jquery.com/smooth-scroll/ 　から最新版をDLして下さい。
  必要なのは、jquery.smooth-scroll.js だけです。

• 2） 構成ファイルの確認
  • index.html
  • style.css
  • jquery-xxxxx.min.js 　xxxxx の部分は、書きかえが必要です
  • jquery.smooth-scroll.js
  • sample.js
    
    

HTML

ヘッダーで、jQuery とプラグインの２つを読みます。

<script src="jquery-xxxxxx.js"></script>
<script src="jquery.smooth-scroll.js"></script>

JavaScript

以下のコードだけで、リンク移動がスムーズになります。

$('a').smoothScroll();

以上