jQuery Scroll 100% (Animiert)

Ich habe versucht, herauszufinden, wie man mit jQuery scrollen Sie nach unten um 100% in ein paar ausgefallenen, animierten Weise, wenn jemand klickt auf die Schaltfläche unten.

Wollte ich ein up-und down-Taste anstelle eines konventionellen navigation bar. Ich habe vier Platten von 100% Höhe und Breite, und wollte die fixed-position nach oben und nach unten-Tasten, um zum nächsten panel.

Ich dachte, ich würde dies tun, durch die Erhöhung der Bewegung um 100% (unten) und -100% (bis), aber ich bin mir nicht sicher, wie ich das machen würde jQuery tun. Ich habe versucht, verschiedene Methoden alles ohne Erfolg. Ich möchte die einfachste Methode, dies zu erreichen.

P. S. ich möchte einen vertikalen Bildlauf durchführen. 🙂

InformationsquelleAutor 728883902 | 2013-08-22
  1. 1

    Dies ist ein wirklich schönes plugin, das gibt Ihnen eine Menge von Möglichkeiten, wie, die Sie wollen, um zu Blättern und es ist wirklich einfach und Spaß zu verwenden.
    http://johnpolacek.github.io/superscrollorama/

    InformationsquelleAutor TheCodeDestroyer
  2. 1

    SEHEN DIESE NACH UNTEN SCROLLEN, 100%

    JQUERY

    $('body').animate({
scrollTop:$(document).height()
});
    • vielleicht $('html, body') besser ist als $('body')
    InformationsquelleAutor Rohit Agrawal
  3. 1

    Wenn Ihr mit JQuery und wollen nicht zu einem plugin-Autor selbst, gibt es viele Kostenlose plugins die es gibt, um einen Bildlauf durch die Elemente.

    Versuchen Sie die scroller-Beispiele in jquerytools http://jquerytools.org/

    Unterstützt Sie die next/prev Tasten, die Sie wollen und vertikalen Bildlauf http://jquerytools.org/demos/scrollable/vertical.html

    InformationsquelleAutor Gone Coding
  4. 0

    Go-oben-Taste ist so einfach (mit jedem Stil, den Sie möchten):

    <a id="goTop">Top</a>

$("#goTop").click(function() {
    $('body,html').animate({
        scrollTop: 0
    }, 400);
});

    Wenn Sie möchten, navigieren Sie zu verschiedenen Punkten, setzen Sie sich einfach mit Ankern ('a' - Tags) in diesen Punkten. Dann kannst du mit jQuery die position-Wert an die "scrollTop" oben. Oder können Sie nur html-Code (ohne die scroll-animation) mit der 'name' und 'href' Attribute:

    <a name="top"></a>
<!-- Content -->
<a name="bottom"></a>

<a href="#top">Go top</a>
<a href="#bottom">Go bottom</a>
    • Ich glaube nicht, dass ein 'nach oben' button, ich habe vier Platten, jede 400% Höhe. Ich möchte einen button blättert zur nächsten Platte, dann das nächste, dann das nächste.
    • Ich legte die go-top als ein Beispiel, denn der code ist der gleiche. Wie ich sagte, eine Möglichkeit, das zu tun, was Sie wollen, ist ein Anker an jedem panel und verwenden Sie Sie als Referenz zu navigieren. Sie benötigen, um eine gewisse Logik zu erhalten, die Vorherige/nächste panel, aber das liegt an deinem code.
    InformationsquelleAutor albhilazo
Schreibe einen Kommentar