JQuery - пытается перейти к разделам с той же ссылкой

Question

JQuery - пытается перейти к разделам с той же ссылкой

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

});

Henrique Barone 23 сен. 2013, в 20:31

Источник

Теги:

jquery

2 ответа

Ещё вопросы

Henrique Barone · Answer 1 · 2013-09-24T14-40-00.000Z

Попробуйте:

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

HasanAboShally · Answer 2 · 2013-09-23T17-36-00.000Z

Пожалуйста, посмотрите документацию jQuery для.next(): http://api.jquery.com/next/

Я думаю, вы должны установить переменную, чтобы удерживать индекс раздела "scrolled-to", и увеличивать его и прокручивать каждый раз при нажатии кнопки.

Сообщите мне, если у вас есть проблемы с этим.

удачи :)

Я пытаюсь это: $ ('. Btn-red'). Click (function (e) {//e.preventDefault (); var id_number = 1; var section = '# section-' + id_number; while (count <4 ) {$ (section) .scrollTo (400, 'linear'); id_number ++;}}); но все равно не работает
В вашем коде были ошибки, вот новая скрипка с некоторыми исправлениями: jsfiddle.net/Lnrkv