Comentário: A função de imitar o blog do CSDN retorna ao topo da página só foi modificada em 2 locais: Retorno Velocidade -> Altere -o para voltar devagar, retorne ao tempo do ícone na parte superior -> Altere -o para exibir, desde que não esteja no topo. O código específico é o seguinte. Amigos interessados podem se referir a ele.
Apenas 2 lugares foram modificados:, a velocidade de retorno-> foi alterada para voltar lentamente. (Acabou sendo um flash de volta)
, retorne ao tempo do ícone na parte superior -> alterado para exibir, desde que não esteja na parte superior. (Acontece que ele será exibido após rolar para baixo por 500px)
Nota: JS deve ser escrito após o 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 ();
}outro{
d_top.hide ();
}
}
$ ('#d-top-a'). Clique (function () {
$ ("html, corpo"). Animate ({scrolltop: 0}, 500);
// scrollto (0,0);
this.blur ();
retornar falso;
});
});
</script>
Estilo CSS
#d-top {
Posição: fixado;
Float: Certo;
Z-Index: 10;
Direita: 10px;
Inferior: 40px;
}
#D-top img {
Largura: 42px;
Opacidade: 0,3;
}
img {
Fronteira: Média Nenhum;
}