2013-07-20 8 views
6

ich auf ein Element der folgenden blättern bin mitjQuery scroll nach unten nicht von Element oben

$("html, body").animate({ 
    scrollTop: $('selector').offset().top 
}, 500); 

Der obige Code das Element am oberen Rand des Browserfensters platziert, wenn es gescrollt, ist es eine Möglichkeit, Ich kann zu dem Element blättern, wobei die Bildlaufleiste mit dem Element am unteren Rand des Browserfensters endet.

Antwort

4

Sie die Höhe des window verwenden könnte Ihre Bildlaufposition

13

berechnen so etwas wie dies versuchen, die Schriftrolle am unteren Rand des Elements bei der

$("html, body").animate({ 
     scrollTop: $('selector').offset().top + $('selector').outerHeight(true) 
    }, 500); 

Oder diese setzen das Element zu setzen . Unterseite der Spirale:

$("html, body").animate({ 
      scrollTop: $('selector').offset().top + $('selector').outerHeight(true) -$(window).height() 
     }, 500); 
+8

mit einigen Änderungen gearbeitet: '$ ("html, body") animiert ({scrollTop: $ ('Wähler') Offset() nach oben - ($ (Fenster)... height() - $ ("Selektor") ight() +10)}, 500); ' – ramo