ความคิดเห็น: ฟังก์ชั่นของการเลียนแบบบล็อก CSDN กลับไปที่ด้านบนของหน้านั้นได้รับการแก้ไขใน 2 สถานที่: ความเร็วคืน -> เปลี่ยนเป็นย้อนกลับช้าๆกลับไปที่เวลาของไอคอนที่ด้านบน -> เปลี่ยนเป็นแสดงตราบใดที่มันไม่ได้อยู่ด้านบน รหัสเฉพาะมีดังนี้ เพื่อนที่สนใจสามารถอ้างถึงได้
มีการแก้ไขเพียง 2 แห่งเท่านั้น:ความเร็วในการกลับมา-> เปลี่ยนไปอย่างช้าๆ (มันกลับกลายเป็นแฟลชย้อนกลับ)
กลับไปที่ช่วงเวลาของไอคอนที่ด้านบน -> เปลี่ยนเพื่อแสดงตราบใดที่มันไม่ได้อยู่ด้านบน (ปรากฎว่าจะปรากฏขึ้นหลังจากเลื่อนลง 500px)
หมายเหตุ: JS จะต้องเขียนหลังจาก HTML;
HTML
<div>
<a href = "#" /> </a>
</div>
รหัส 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 ();
}อื่น{
d_top.hide ();
-
-
$ ('#d-top-a') คลิก (ฟังก์ชัน () {
$ ("html, body"). animate ({scrolltop: 0}, 500);
// scrollto (0,0);
this.blur ();
กลับเท็จ;
-
-
</script>
สไตล์ CSS
#d-top {
ตำแหน่ง: แก้ไข;
ลอย: ขวา;
z-index: 10;
ขวา: 10px;
ด้านล่าง: 40px;
-
#d-top img {
ความกว้าง: 42px;
ความทึบ: 0.3;
-
img {
ชายแดน: Medium None;
-