Commentaire: La fonction d'imiter le blog CSDN revient en haut de la page n'a été modifiée qu'en 2 endroits: vitesse de retour -> Changez-la pour revenir lentement, revenez au moment de l'icône en haut -> Changez-le pour afficher tant qu'il n'est pas sur le dessus. Le code spécifique est le suivant. Les amis intéressés peuvent y faire référence.
Seulement 2 places ont été modifiées:, la vitesse de retour -> a été changée pour revenir lentement. (Il s'est avéré être un flash en arrière)
, retournez au moment de l'icône en haut -> changé pour afficher tant qu'il n'est pas sur le dessus. (Il s'avère qu'il sera affiché après le défilement vers le bas de 500px)
Remarque: JS doit être écrit après HTML;
Html
<div>
<a href = "#" /> </a>
</div>
Code javascript
<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 ();
}autre{
d_top.hide ();
}
}
$ ('# d-top-a'). cliquez sur (function () {
$ ("html, body"). animate ({scrolltop: 0}, 500);
// ScrolltO (0,0);
this.blur ();
retourne false;
});
});
</cript>
Style CSS
# d-top {
Position: fixe;
flottant: à droite;
Z-Index: 10;
À droite: 10px;
En bas: 40px;
}
# d-top img {
Largeur: 42px;
Opacité: 0,3;
}
img {
Border: Moyen Aucun;
}