Der perfekte Weg, um mit jQuery einen Seiten-Scroll-Effekt (Scroll) zu erzielen

Viele Blogger haben in der Vergangenheit die Methode zur Verwendung von jQuery geschrieben/repostet, um den Effekt des Seitenscrollens (Scroll) zu erzielen, aber die meisten der bisher gefundenen Methoden weisen einen kleinen Fehler unter Opera auf: Verwenden Sie Jump direkt Und der Bildschirm flackert.

Heute hat der äußerst zurückhaltende Experte Willin eine perfekte Methode vorgestellt, um den Fehler zu beheben, bei dem jQuery den Scroll-Effekt unter Opera implementiert hat wurde getestet. Es ist perfekt, ich habe den Code gepostet, um es zu veranschaulichen. Da ich nicht viel über js weiß und jQuery nur oberflächlich ist, kann ich das Prinzip nicht klar erklären.

Demo

: Klicken Sie auf „Δ“ unten im aktuellen Thema zOM/“x Kommentare“ unter dem Titel der Artikelseite „Kommentar hinterlassen“

Angenommen

: Die obere ID Ihres Themas ist Kopfer, und die untere „Zurück zum Anfang“-ID ist oben

Der jQuery-Code lautet wie folgt

:

document$

 windowopera ? documentcompatMode   ? $ $ $

$
scrollTop $top 
 false

Anleitung

: Sehen Sie sich direkt die Kommentare an $(' #top').click(function(){...}); Dies ist der grundlegende Code zum Scrollen. Sie können ihn an Ihre eigene Situation anpassen, dh Schlussfolgerungen aus einem Beispiel ziehen. Zum Beispiel: Da Sie nach oben zurückkehren können, können Sie nach unten scrollen, zu einer bestimmten ID scrollen, zur Mitte scrollen ...

Dann werde ich ein weiteres Beispiel für das Scrollen posten das „Kommentarfeld“

: Beispielprämisse: Unter dem Artikeltitel befindet sich „Kommentar hinzufügen“, der ursprüngliche HTML-Code lautet wie folgt

(Hinweis: #respond ist die ID des Kommentarfelds)

<p id="add-comment"><a href="#respond"></a></p>

Then $('#top').click(function( ){...}); Dieser Code wird wie folgt:

Das ist es, ist es nicht einfach? Einige Freunde sagen das Prinzip: Geh und lerne jQ

$
scrollTop $top 
 false

Weitere Methoden finden Sie in Willins „Mehrere Methoden zum Scrollen von Seiten“

Haftungsausschluss:

Dieser Artikel übernimmt BY-NC - Autorisiert gemäß SA-Vereinbarung Kategorie:

Javascript

Kommentare anzeigen

Das obige ist der detaillierte Inhalt vonDer perfekte Weg, um mit jQuery einen Seiten-Scroll-Effekt (Scroll) zu erzielen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!