Frage

ive alle scrollTo Fragen lesen und könnte nicht die Antwort finden. im Versuch, die scrollTo Plugin für eine einfache horizontale Scroll zu verwenden (die Seite ist horizontal ausgelegt).

Im folgenden Code mit

$(document).ready(function() {
$('#contactlink').click(function(){
$.scrollTo("#conta", {duration: 8000 });
});
});

als offensichtlich ist, contactlink ist der Anker-Link während conta der Anker ist, wo das Fenster rollen sollte.

ich weiß, im fehlt etwas sehr offensichtlich, aber wie im Anfänger mit jquery, id schätzen alle Hilfe, die ich bekommen kann. ist es eine Möglichkeit, die Funktionsweise des Plug-in zu debuggen?

Dank

/// /// bearbeiten

basierend auf XGreen der Eingänge, habe ich versucht: $ (Document) .ready (function () {$ ( "contactlink") klicken (function (event) {$ ( 'html, body') belebten ({scrollleft:... $ ( '# Conta') Offset () .left}, 8000);})});

sollte ich erwähnt habe. die „conta“ Anker ist auf der rechten Seite, wo die Verbindung ist. wie viel Unterschied macht das machen? Auch hier ist der Code für den Anker i verwendet wird, ist es nicht richtig? Kontakt.

War es hilfreich?

Lösung

verlassen Sie das Plugin aus. seine nur zusätzliche js Sie brauchen nicht.

verwenden diese:

$('html,body').animate({ scrollLeft: $('#conta').offset().left }, 8000);
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top