jquery - トグル付きのjqueryスクロール

Question

クリックイベントで機能するスクロールを追加しようとしています。ボタンをクリックすると、下にスクロールしてから上にスクロールします。

これまでのところ私はこれを持っていますが、上にスクロールする必要がありますclick $('#review-link').click(function(e) { });

function scrollToAnchor(anchor){
  var aTag = $("#new_comment");
    $('html,body').animate({scrollTop: aTag.offset().top},'slow');
  }

$("#review-link").click(function() {
  scrollToAnchor('#new_comment');
});

ありがとう。また、URL に href="#" が含まれないようにする方法はありますか?

Answer 1

私は完全なコードを作り直しました, ここを見てください

function scrollToAnchor(anchor){
  var aTag = $(anchor);
    // you want to scroll to something that doesnt exist anymore when you 
    // toggle it out, makes no sense
    // alert(aTag.offset().top);
    $('html,body').animate({scrollTop: aTag.offset().top},'slow');
  }

$('#review-link').click(function(e) {
    $('.new_comment').toggle();
    // $('.comments').toggle();
    $(this).toggleClass('active');
    if($(this).hasClass('active')){

       $(this).text('Exit review mode');
       scrollToAnchor('.comments');
       return false;

    }else{

        $(this).text('Enter review mode');
        $('body').animate({scrollTop: 0},'slow');
        return false;
    }
});

http://jsfiddle.net/tAQYf/2/

Answer 2

scrollIntoView Javascript 関数を使用する