Jak przewijać do elementu w jQuery?

Dla mojego problemu ten kod zadziałał, musiałem przejść do znacznika anchor przy ładowaniu strony:

$(window).scrollTop($('a#captchaAnchor').position().top);

W tym przypadku możesz użyć tego na dowolnym elemencie, nie tylko znaczniku kotwicy.

Podobnie jak @user293153 dopiero co odkryłem to pytanie i wydawało się, że nie otrzymałem poprawnej odpowiedzi.

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

Możesz rozszerzyć funkcjonalności jQuery w następujący sposób:

jQuery.fn.extend({
scrollToMe: function () {
    var x = jQuery(this).offset().top - 100;
    jQuery('html,body').animate({scrollTop: x}, 500);
}});

A następnie:

$('...').scrollToMe();

Easy; -)

Sprawdź jquery-scrollintoview .

ScrollTo jest w porządku, ale często chcesz tylko upewnić się, że element interfejsu jest widoczny, niekoniecznie na górze. ScrollTo Ci w tym nie pomoże. Od scrollintoview ' s README:

Jak Ta wtyczka rozwiązuje problem doświadczenia użytkownika

Ta wtyczka przewija dany element w widok podobny do przeglądarki wbudowaną funkcjonalność (funkcja SCROLLINTOVIEW () DOM), ale działa inaczej (i prawdopodobnie bardziej przyjazny dla użytkownika):

• przewija do elementu tylko wtedy, gdy element jest faktycznie poza widokiem; jeśli element jest w widoku (w dowolnym miejscu widocznego obszaru dokumentu), nie ma przewijania zostanie wykonana;
• przewija za pomocą efektów animacji; podczas przewijania Użytkownicy wiedzą dokładnie, że nie są nigdzie przekierowywani, ale faktycznie widzą że są po prostu przenoszone gdzieś indziej na tej samej stronie (jak również jak w którym kierunku się poruszali);
• zawsze jest najmniejszą ilość przewijania. gdy element znajdzie się nad widocznym obszarem dokumentu, zostanie on przewinięty do górnej części widocznego obszaru; gdy element znajduje się poniżej widocznego, będzie przewijane do dołu widocznego obszaru; jest to najbardziej spójna sposób przewijania-podczas przewijania zawsze będzie do góry to czasami nie można przewijać elementu do góry, gdy znajdował się blisko dołu przewijalny kontener (w ten sposób przewijanie byłoby nieprzewidywalne);
• kiedy Rozmiar elementu przekracza rozmiar widocznego obszaru dokumentu.]}

Użyj

$(window).scrollTop ()

Spowoduje przewinięcie okna do elementu.

 var scrollPos =  $("#branch1").offset().top;
 $(window).scrollTop(scrollPos);

Myślę, że możesz szukać "kotwicy", biorąc pod uwagę przykład, który masz.

<a href="#jump">This link will jump to the anchor named jump</a>
<a name="jump">This is where the link will jump to</a>

Metoda focus jQuery robi coś innego niż to, co próbujesz osiągnąć.

Aby funkcja focus() działała na elemencie div musi mieć atrybut tabindex. Prawdopodobnie nie jest to wykonywane domyślnie na tego typu elementach, ponieważ nie jest to pole wejściowe. Możesz dodać tabindex na przykład przy -1, aby uniemożliwić użytkownikom, którzy używają tab, aby skupić się na nim. Jeśli użyjesz pozytywnego tabindex użytkownicy będą mogli użyć tab, aby skupić się na elemencie div.

Oto przykład: http://jsfiddle.net/klodder/gFPQL/

Jednak tabindex nie jest obsługiwany w Safari.