In JQuery gibt es Möglichkeit für slideDown() -Methode, die Seite auch nach unten zu scrollen?

Question

Der slideDown, der auf ein div angewendet wird, führt den slideDown aus, blättert die Seite jedoch nicht nach unten, und das div slided down div bleibt ausgeblendet. Gibt es eine Möglichkeit, die Seite nach unten zu scrollen, so dass der Benutzer das div sehen kann?

Answer 1

Schnell Demo here

Grundsätzlich alles, was Sie brauchen, ist

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