В JQuery есть способ для метода slideDown (), чтобы прокрутить страницу вниз тоже?

Question

Параметр slideDown, примененный к элементу div, выполняет функцию slideDown, но не прокручивает страницу вниз, и элемент div, скользящий вниз, остается скрытым от просмотра. Есть ли способ прокрутить страницу вниз, чтобы пользователь мог просматривать div?

Answer 1

Быстрое демо здесь

В основном все, что вам нужно, это

 $('html, body').animate({ 
      scrollTop: $('#yourDiv').offset().top 
  }, 3000); 

Answer 2

$.extend($.expr[':'],{
    inView: function(a) {
        var st = (document.documentElement.scrollTop || document.body.scrollTop),
            ot = $(a).offset().top,
            wh = (window.innerHeight && window.innerHeight < $(window).height()) ? window.innerHeight : $(window).height();
        return ot > st && ($(a).height() + ot) < (st + wh);
    }
});

if ($('#whatever').is(':not(:inView)')) {
    $('html,body').animate({ 
         scrollTop: $('#whatever').offset().top 
    }, 3000);
}