jquery - 尝试导航到具有相同链接的部分

Question

我试图导航到各个部分。我希望每次点击固定链接/页面滚动到下一部分。但它不能很好地工作。我只能导航到第一部分。怎么了？

Fiddle Demo

jQuery.fn.extend({
  scrollTo : function(speed, easing) {

      var targetOffset = $(this).offset().top;
      $('html,body').animate({scrollTop: targetOffset}, speed, easing);

  }
});

$('.btn-red').click(function(e){
   //e.preventDefault();

   $('section').next().scrollTo(400, 'linear');

});

Answer 1

请查看.next（）的jQuery文档：http://api.jquery.com/next/

我认为你应该设置一个变量来保存“滚动到”部分的索引，然后增加它并在每次单击按钮时滚动。

如果您有任何问题，请告诉我。

祝你好运：）

Answer 2

尝试一下：

http://jsfiddle.net/BZbp7/108/


jQuery.fn.extend({

scrollTo：function（speed，easing）{

  var targetOffset = $(this).offset().top;
  $('html,body').animate({scrollTop: targetOffset}, speed, easing);

} }）;

$('.btn-red').click(function(e){
   //e.preventDefault();
   var id_number = 1;
   while ( id_number <= 3 ) {
       $('#' + 1).scrollTo(400, 'linear');
        id_number ++;   
    }        
});