Kommentar: Die Funktion des Imitierens des CSDN -Blogs kehrt an die Spitze der Seite zurück, wurde nur an zwei Stellen geändert: Rücklaufgeschwindigkeit -> Ändern Sie es, um langsam zurückzukehren. Kehren Sie zum Timing des Symbols oben zurück -> Ändern Sie es, um so lange angezeigt zu werden. Der spezifische Code ist wie folgt. Interessierte Freunde können sich darauf beziehen.
Es wurden nur 2 Plätze geändert:Die Rücklaufgeschwindigkeit wurde gewechselt, um langsam zurückzukehren. (Es stellte sich heraus, dass es sich um einen Blitz zurück)
, kehren Sie zum Zeitpunkt des Symbols oben zurück ->, um so lange angezeigt zu werden, solange es nicht oben ist. (Es stellt sich heraus, dass es nach dem Scrollen um 500px angezeigt wird.)
Hinweis: JS muss nach HTML geschrieben werden;
Html
<div>
<a href = "#" /> </a>
</div>
JavaScript -Code
<script type = "text/javaScript">
$ (function () {
var d_top = $ ('#d-top');
document.onscroll = function () {
var scrtop = (document.body.scrolltop || document.documentElement.scrolltop);
if (scrtop> 500) {
if (scrtop> 0) {
d_top.show ();
}anders{
d_top.hide ();
}
}
$ ('#d-top-a'). click (function () {
$ ("HTML, Body"). Animate ({Scrolltop: 0}, 500);
// scrollto (0,0);
this.blur ();
false zurückgeben;
});
});
</script>
CSS -Stil
#D-Top {
Position: fest;
float: rechts;
Z-Index: 10;
Rechts: 10px;
unten: 40px;
}
#D-Top img {
Breite: 42px;
Deckkraft: 0,3;
}
img {
Grenze: Mittel keine;
}