スムーズなページ内ジャンプの実装サンプル

このエントリーをはてなブックマークに追加


aタグのリンク属性による移動ではなくてjavaScript、Jqueryで実装するとスムーズなページ内移動が可能ですね

スムーズなページ内ジャンプの実装サンプル



.animate()のオプションなど
.animate(properties , duration , easing , complete);


properties(プロパティ)
アニメーションが向かうCSSのプロパティと値のオブジェクト

duration
アニメーションの実行時間
デフォルトは400

easing(イージング)
linearまたがswing(JqueryUIや他のプラグインで追加可能)
デフォルトはswing

complete
アニメーションが完了したら呼び出す関数


参考:
.scrollTop() | jQuery
.animate() | jQuery

0 件のコメント :