scrollTo a div после нажатия кнопки?

Question

Я пытаюсь получить страницу для прокрутки до #news .section-wrap, когда нажата кнопка .paging-navigation a. Я попытался вставить строку (как показано ниже), но не смог заставить ее работать. Где я иду не так?

$('#article-list').on('click', '.paging-navigation a', function(e){ 
    e.preventDefault(); 
    var link = $(this).attr('href'); 
    $('#article-list').scrollTo('#news .section-wrap'); // this is the line I added 
    $('#article-list').fadeOut(500, function(){ 
     $(this).load(link + ' #article-list', function() { 
      $(this).find('#article-list > *').unwrap().end().fadeIn(500); 
     }); 
    }); 
}); 

Answer 1

Вам нужно будет анимировать html и body и точку на селектор в функции JQuery animate. Попробуйте это:

$('html, body').animate({ 
    scrollTop: $('#news .section-wrap').offset().top 
}, 2000); 

Answer 2

попробовать что-то вроде этого:

$(".paging-navigation a").click(function(){ 
    $('html, body').animate({ 
     scrollTop: $("#news .section-wrap").offset().top 
    }, 500); 
}); 

Вы, возможно, потребуется изменить что-то в этом коде, либо времени или какой-либо ошибки, так как я не мог проверить это в настоящее время.

Надеюсь, это полезно.

Answer 3

scrollTo() не является родным методом jQuery. Вы можете использовать плагин третьей части, например http://lions-mark.com/jquery/scrollTo/ или http://demos.flesler.com/jquery/scrollTo/.

Как ответил на jQuery scroll to element вы также можете сделать страницы прокрутки для целевой позиции, как это:

$("#button").click(function() { 
    $('html, body').animate({ 
     scrollTop: $("#elementtoScrollToID").offset().top 
    }, 2000); 
});