jquery - 時限jquery/トップに戻るhtmlcssリンク

Question

ウェブサイトのさまざまなセクションにジャンプするようにページの時間を計ろうとしています。たとえば、ユーザーが「お問い合わせ」というリンクをクリックすると、ページの下部にある連絡先セクションにジャンプします（このページは、メニューが左に固定された1ページのデザインです）。'jump'が表示されるのではなく、スクロールするように'timed'メソッドが必要です。jqueryのhttp://webdesignerwall.com/tutorials/animated-scroll-to-topで例を見つけましたが、サイトのさまざまな部分について、トップに戻るだけでなく、より良いチュートリアルを知っている人はいますか？

Answer 1

リンク形式：<a href="#IDofElementToScrollTo">Click This</a>

ターゲット要素：<div id="IDofElementToScollTo"></div>

$('a[href*=#]').click(function(e) {
    e.preventDefault();
    var target = $(this.hash);
    var elm = $(target).attr("id");
    var  loc = $(target).offset().top;
    $('body').animate({ scrollTop: loc}, 4000);
});

このフィドルを参照してください：http：//jsfiddle.net/Mft3T/

Answer 2

Webでjqueryを検索してdivにスクロールすると、次のような結果が得られます。

デモ_

一定時間後に関数を再帰的に呼び出し（.delay（））、div名を動的に変更できます。