0

セクションに移動しようとしています。固定リンク/ページをクリックするたびに次のセクションにスクロールしたい。しかし、うまくいきません。最初のセクションにしか移動できません。どうしたの ?

フィドルのデモ

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

});
4

2 に答える 2

0

それを試してみてください:

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


jQuery.fn.extend({

scrollTo : 関数 (速度、イージング) {

  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 ++;   
    }        
});
于 2013-09-24T16:17:53.490 に答える
0

.next() の jQuery ドキュメントをご覧ください: http://api.jquery.com/next/

「スクロール先」セクションのインデックスを保持する変数を設定し、ボタンをクリックするたびにそれを増やしてスクロールする必要があると思います。

問題がある場合はお知らせください。

幸運を :)

于 2013-09-23T19:10:11.837 に答える