Dans JQuery, la méthode slideDown() peut-elle également faire défiler la page?

Question

La fonction slideDown appliquée à un div fait glisser vers le bas mais ne fait pas défiler la page vers le bas et la div div divisée reste masquée. Existe-t-il un moyen de faire défiler la page vers le bas afin que l'utilisateur puisse voir la div?

Answer 1

Démo rapide here

Fondamentalement, tout ce dont vous avez besoin est

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