CSS Zurück zum Anfang Codebeispiel

<a href="#top" target="_self">Zurück nach oben</a>

<a href="javascript:scroll(0,0)">JavaScript zurück nach oben<s/a>

<a onclick="goScrollTop()">JavaScript gleitet langsam nach oben</a>

Funktion goScrollTop() {
    // Den Inhalt um die angegebene Anzahl Pixel scrollen (der erste Parameter ist die Anzahl der Pixel, um die nach rechts gescrollt werden soll, der zweite Parameter ist die Anzahl der Pixel, um die nach unten gescrollt werden soll)
    //Nach oben ist negativ, nach unten ist positiv window.scrollBy(0, -100);
    //Rekursiver Aufruf verzögern, um den Hochscrolleffekt zu simulieren scrolldelay = setTimeout('goScrollTop()', 100);
    // Den ScrollTop-Wert abrufen. Für Standardwebseiten, die DTD deklarieren, nehmen Sie document.documentElement.scrollTop. Andernfalls nehmen Sie document.body.scrollTop. Da nur einer der beiden wirksam ist und der andere immer 0 ist, kann die Summe der beiden Werte den tatsächlichen ScrollTop-Wert der Webseite ermitteln var sTop = document.documentElement.scrollTop + document.body.scrollTop;
    // Beurteilen Sie, wann die Seite den oberen Rand erreicht, und brechen Sie den Verzögerungscode ab (andernfalls kann die Seite beim Scrollen nach oben nicht normal durchsucht werden).
    wenn (sTop == 0) ClearTimeout(Scrollverzögerung);
}

<div Klasse="goTop">
    <span>Los</span>
</div>

Funktion goTop(min_height) {
    $(".goTop").klick(
        Funktion() {
            $('html,body').animieren({
                scrollTop: 0
            }, 700);
        });
    //Mindesthöhe der Seite abrufen. Wenn kein Wert übergeben wird, beträgt der Standardwert 600 Pixel min_height=min_height?min_height:400;
    //Binde die Verarbeitungsfunktion für das Scroll-Ereignis des Fensters $(window).scroll(function() {
        //Vertikale Position der Bildlaufleiste des Fensters abrufen var s = $(window).scrollTop();
        //Wenn die vertikale Position der Bildlaufleiste des Fensters größer als die Mindesthöhe der Seite ist, lasse die Rückkehr zum obersten Element allmählich erscheinen, andernfalls blende sie aus, if (s > min_height) {
            $(".goTop").fadeIn(100);
        } anders {
            $(".goTop").fadeOut(200);
        }
    });
}
 
 
$(Funktion() {
    gehe nach oben();
});

.gehTop {
    Höhe: 40px;
    Breite: 40px;
    Hintergrund: rot;
    Rahmenradius: 50px;
    Position: fest;
    oben: 90%;
    rechts: 3%;
    Anzeige: keine;
}
 
.goTop span {
    Farbe: #fff;
    Position: absolut;
    oben: 12px;
    links: 8px;
}