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 =＆＃34;＃＆＃34;在网址？

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

使用scrolIntoView Javascript功能

jquery滚动到切换

2 个答案: