Principio de implementación y código de función Implementación en la parte superior del blog CSDN Regresar a la página

Comentario: La función de imitar el blog CSDN regresa a la parte superior de la página solo se ha modificado en 2 lugares: Velocidad de retorno -> Cambiarlo para regresar lentamente, regrese al momento del icono en la parte superior -> Cambiarlo para mostrar siempre que no esté en la parte superior. El código específico es el siguiente. Los amigos interesados ​​pueden referirse a él.

, la velocidad de retorno-> se ha cambiado para regresar lentamente. (Resultó ser un destello)

, regrese al momento del icono en la parte superior -> cambiado para mostrar siempre que no esté en la parte superior. (Resulta que se mostrará después de desplazarse hacia abajo en 500px)

Nota: JS debe escribirse después de HTML;

Html

<div>

<a href = "#" /> </a>

</div>

Código 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 ();

}demás{

d_top.hide ();

}

}

$ ('#d-top-a'). click (function () {

$ ("Html, Body"). Animate ({ScrollTop: 0}, 500);

// scrollto (0,0);

this.blur ();

devolver falso;

});

});

</script>

Estilo CSS

#d-top {

Posición: fijo;

flotante: correcto;

Índice Z: 10;

Derecha: 10px;

Abajo: 40px;

}

#d-top img {

Ancho: 42px;

Opacidad: 0.3;

}

img {

borde: medio ninguno;

}