Rewish

ウェブデザイン、HTML、CSS、JavaScript、PHP、WordPress、Movable Typeなど、Web制作で役立つかも知れないBlog.

Search

Entry Search

スムーズにスクロールしないjQueryプラグイン「jDTScroll」

カテゴリー
JavaScript
タグ
jQuery, Plugin

ページ内リンクでスクロールをスムースにするスクリプトは良くありますが、アレってもっとスムーズにスクロール出来ないのかなーとか思いますよね。僕は思います。

もっとスムーズにするのは僕には難しいので、普通のスムーススクロールがスムーズに感じられるように、スムーズにスクロールしないjQueryプラグインを作りました。

ダウンロードとデモ

jdtscroll.js

デモを見る

導入方法

1. jQueryとjDTScrollを読み込む

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jdtscroll.js"></script>

2. 実行する

$()で対象にする要素を指定します。ページ内リンクなのでフラグメント識別子が付いてるっぽいアンカーを指定するのがいいですね。

jQuery(function($) {
  $('a[href^="#"]').jdtScroll();
});

オプション

第一引数
スクロールアニメーションの速度を指定。
第二引数
良く見つけましたね。これは隠し引数です。

注意

たまに喋ります。