Komentar: Fungsi meniru blog CSDN kembali ke bagian atas halaman hanya dimodifikasi di 2 tempat: Kecepatan kembali -> Ubahnya untuk kembali perlahan, kembali ke waktu ikon di atas -> Ubahnya untuk ditampilkan selama tidak ada di atas. Kode spesifiknya adalah sebagai berikut. Teman yang tertarik dapat merujuknya.
Hanya 2 tempat yang telah dimodifikasi:, kecepatan pengembalian-> telah diubah untuk kembali perlahan. (Ternyata menjadi flash kembali)
, kembali ke waktu ikon di atas -> diubah untuk ditampilkan selama tidak ada di atas. (Ternyata itu akan ditampilkan setelah menggulir ke bawah dengan 500px)
Catatan: JS harus ditulis setelah HTML;
Html
<div>
<a href = "#" /> </a>
</div>
Kode JavaScript
<type skrip = "Teks/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 ();
}kalau tidak{
d_top.hide ();
}
}
$ ('#D-TOP-A'). Klik (function () {
$ ("html, body"). animate ({scrolltop: 0}, 500);
// scrollto (0,0);
this.blur ();
mengembalikan false;
});
});
</script>
Gaya CSS
#d-top {
Posisi: diperbaiki;
float: benar;
z-index: 10;
Kanan: 10px;
Bawah: 40px;
}
#d-top img {
Lebar: 42px;
Opacity: 0.3;
}
img {
Perbatasan: Sedang tidak ada;
}