JQuery Bildschirm Bewegen, um spezifische element

Habe ich ein JQuery UI dialog mit einem link. Wenn der link angeklickt wird, wird der dialog sollte in der Nähe, dann bewegen Sie den Bildschirm/client-Fenster unten die footer-div enthält die Kontaktdaten.

Mein Problem: Der Bildschirm nie bewegt, wo sage ich es, es bleibt, wo es ist. Das Dialogfeld wird geschlossen, korrekt(so kenne ich die javascript-Funktion aufgerufen wird), aber der client-Bereich nicht scroll-down/move/switch, um die footer-element. Informationen: in der Fußzeile ist an der Basis der Seite & die Seite(body-element) ist über 2000px hoch.

Was mache ich falsch & wie kann ich den Bildschirm zu bewegen, die ein bestimmtes element?

function moveToFooter()
{
    $("body").scrollTop($("#footer").position().left+$("#footer").offset().left, $("#footer").position().top+$("#footer").offset().top);
    //Just a simple test to move the screen anywhere doesn't work either:
    $("body").scrollTop(300,2000);
}

InformationsquelleAutor sazr | 2012-02-13

  1. 1

    scrollTop dauert nur ein argument, die horizontale position. Geben Sie es zwei.

    Auch, Ihr hinzufügen der CSS-position, die offset-position der Fußzeile. Das macht keinen Sinn. Für absolut positionierte Elemente, es könnte ein wenig Sinn, aber nicht viel.

    Also, der richtige code sollte

    function moveToFooter() {
    $("body").scrollTop($("#footer").offset().top);
}

    InformationsquelleAutor

  2. 0

    scrollTop dauert nur ein argument, das ich.e top-position. Für Links-oder X-position verwenden scrollLeft.

    InformationsquelleAutor ShankarSangoli

  3. 0

    Haben Sie beide scrollTop und scrollLeft um die Seite zu verschieben, da scrollTop ändert sich nur die Y Achse.

    Plugin

    Es ist ein tolles plugin, das ich benutze.

    jQuery.ScrollTo, erstellt von Ariel Flesler.

    Sie können leicht bewegen Sie den Bildschirm, wo Sie wollen, das element, das Sie wollen, und auch die offsets.
    Es gibt auch eine erstaunliche demo-Seite.

    Ernsthaft, bitte hört auf mit KBD Formatierung unangemessen. Es wurde diskutiert meta wenn Sie interessiert sind, Lesen.

    InformationsquelleAutor Derek 朕會功夫

Schreibe einen Kommentar