Przewinięcie strony na sam dół za pomocą JQuery

Problem:
W jaki sposób po załadowaniu danych za pomocą Ajaxa / JSONa przewinąć stronę na dół? Na dół, ponieważ tam znajdują się odświeżone / załadowane dane. Zastosowanie kotwicy tutaj problemu nie rozwiązuje, ponieważ to nie są linki takie jak w HTMLu tylko obsługiwane przez JQuery i zdarzenie click.

Rozwiązanie:
Z pomocą przychodzi Google. Znalazłem rozwiązanie na blogu Jamesa Taubera. Całe sedno to taka funkcja:

function scrollTo(selector) {
   var targetOffset = $(selector).offset().top;
   $('html,body').animate({scrollTop: targetOffset}, 500);
}

W zasadzie funkcja ta pozwala na przewinięcie strony w dowolne miejsce. Ważne jest, aby umieścić w odpowiednim miejscu element, do którego chcemy przewinąć stronę.

W działaniu funkcję tą można zobaczyć tutaj: http://www.niziol.info/testy/jquery/scroll_test.

1 komentarz

Zostaw odpowiedź

Używamy Gravatara w komentarzach - zdobądź swój własny!

XHTML: Możesz użyć następujące tagi: <a href=""> <b> <blockquote> <code> <em> <i> <strike> <strong>