Я пытаюсь перейти к разделам. Я хочу, чтобы каждый щелчок по фиксированной ссылке/странице прокручивался до следующего раздела. Но это плохо работает. Я могу перейти только к первому разделу. Что не так?
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');
});
Попробуйте:
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 ++;
}
});
Пожалуйста, посмотрите документацию jQuery для.next(): http://api.jquery.com/next/
Я думаю, вы должны установить переменную, чтобы удерживать индекс раздела "scrolled-to", и увеличивать его и прокручивать каждый раз при нажатии кнопки.
Сообщите мне, если у вас есть проблемы с этим.
удачи :)