コミック新刊の平積み表示で、本日の日付まで自動スクロール機能を追加してみた

ただ、全部の画像を読み込んでから移動するから、回線スピードがある程度無いと急に動く感じ。
あと、本日が画面にない日付だと動かないな。

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'></script>
<script>
// 画像が読み込まれたら実行させる
$(window).load(function() {
    //本日日付を取得
    var date = new Date();     
    var today_date = date.getFullYear() +'-'+ ('0' + (date.getMonth() + 1)).slice(-2) +'-' + ('0' + date.getDate()).slice(-2);

    var speed = 400; // スクロールの速度(ミリ秒)      
    var position = $('#' + today_date).offset().top;// 移動先(id=yyyy-mm-dd)を数値で取得

    // スムーススクロール
    $('body,html').animate({scrollTop:position}, speed, 'swing');
    return false;

});
</script>

// 画像が読み込まれたら実行させる

$(window).load(function() {

//本日日付を取得

var date = new Date();

var today_date = date.getFullYear() +'-'+ ('0' + (date.getMonth() + 1)).slice(-2) +'-' + ('0' + date.getDate()).slice(-2);

var speed = 400; // スクロールの速度(ミリ秒)

var position = $('#' + today_date).offset().top;// 移動先(id=yyyy-mm-dd)を数値で取得

// スムーススクロール

$('body,html').animate({scrollTop:position}, speed, 'swing');

return false;

});

</script>

関連記事