Wie kann ich jQuery scrollTo für Links auf der gleichen Seite implementieren?
Frage
Ich bin ein noob mit jQuery, und ich weiß über scrollTo, aber nicht ganz, wie es auf meiner Website-Funktion zu erhalten. Ich habe eine schnelle Google-Suche und fand viele Ergebnisse, aber auf einen Blick die zuverlässigste (oder zumindest die meisten populären) verwendet zur Zeit ist diese: http://plugins.jquery.com/project/ScrollTo
Aber auch hier, insgesamt noob Scripting ist, nicht ganz sicher, wie es verwenden, um meine Aufgabe zu erfüllen. (HTML und CSS sind meine Tasche, Baby).
Also hier ist, was ich versuche zu tun ... sehr einfache Sachen, die ich bin mir sicher.
http://joelglovier.com Ich baue eine eine Seite „Gateway“ Website mit Links zu vielen meine anderer Spaß Web-Inhalte. Ich habe eine Top-Navigation, die einfach nur Links auf Anker weiter unten auf der Seite. Alles, was ich will, ist für scrollTo meiner Nutzer nehmen bis auf diesen Anker in einer schönen, animierte Art und Weise. Told Sie das war einfach!
Jede Hilfe willkommen auf dem besten Weg, dies zu implementieren, und ob es ein aktueller Standard für diese Art von scrollTo Gebrauch (ich sehe es heute überall).
Lösung
sehen : .Offset () .scrollTop () , . belebte ()
Sie können wie irgendeine Sache tun
$(function() {
$('#nav-find-me-at a').click(function() {
var pos = $('#find-me-at').offset().top;
$('html, body').animate({'scrollTop' : pos}, 1000);
return false;
});
});
Bearbeiten : Testen Sie es hier: http://jsbin.com/ecaye