ブラウザのページスクロール
( diary )こんなんでブラウザのスクロールができるのですね! 正直めんどくさいのでエージングの処理の詳細はしらべませんでした。
jQuery.easing.quart = function (x, t, b, c, d) { return -c * ((t=t/d-1)*t*t*t - 1) + b; }; $(function () { $('#link_to_top').click(function () { $('html,body').animate({ scrollTop: 0 }, 300, 'quart'); }); });
指定した位置にもっていきたい場合には、
jQuery.easing.quart = function (x, t, b, c, d) { return -c * ((t=t/d-1)*t*t*t - 1) + b; }; $(function () { $('#link_to_top').click(function () { // ここでタグが配置していある座標情報を取得する var offset = $('hogehoge').offset().top; // $('html,body').animate({ scrollTop: offset }, 300, 'quart'); }); });
■参考URL
Animated Scrolling with jQuery 1.2
(ありがとうございます、めもろぐということで・・・・。)
jQuery でページスクロール