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');
});

谢谢。还有什么方法可以避免在网址中有 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 函数