2013-07-20 29 views
6

używam następujących aby przewinąć do elementujQuery przewijania do dołu elementu nie góry

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

Powyższy kod umieszcza element w górnej części okna przeglądarki, gdy przewijane do tego, czy istnieje sposób Mogę przewijać do elementu z przewijaniem kończącym się elementem na dole okna przeglądarki?

Odpowiedz

4

Można użyć wysokość window obliczyć swoją pozycję przewijania

13

Spróbuj coś takiego umieścić zwój na dnie elementu

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

Albo to, aby umieścić element u . dno przewijania:

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

pracował z pewnymi zmianami: '$ ("html, body") animować ({scrollTop: $ ('selektor') offsetu() tOP - ($ (okno)... height() - $ ("selector"). outerHe ight() +10)}, 500); – ramo