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.
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>