ブラウザのページスクロール

( 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 でページスクロール