En JQuery, ¿hay forma de que el método slideDown() también desplace la página hacia abajo?

Question

El slideDown aplicado a un div hace el slideDown pero no desplaza la página hacia abajo y el div deslizado hacia abajo div permanece oculto a la vista. ¿Hay alguna manera de desplazar la página hacia abajo para que el usuario pueda ver el div?

Answer 1

demostración rápida here

Básicamente todo lo que necesita es

$('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); 
}