تعليق: تم تعديل وظيفة تقليد مدونة CSDN إلى الجزء العلوي من الصفحة فقط في مكانين: سرعة الإرجاع -> قم بتغييرها للعودة ببطء ، والعودة إلى توقيت الرمز في الأعلى -> قم بتغييره لعرضه طالما لم يكن في الأعلى. الرمز المحدد كما يلي. يمكن للأصدقاء المهتمين الرجوع إليها.
تم تعديل مكانين فقط:، تم تغيير سرعة العودة-> للعودة ببطء. (اتضح أنه ظهر فلاش)
، ارجع إلى توقيت الرمز في الأعلى -> تم تغييره لعرضه طالما أنه ليس في الأعلى. (اتضح أنه سيتم عرضه بعد التمرير لأسفل بمقدار 500 بكسل)
ملاحظة: يجب كتابة JS بعد HTML ؛
HTML
<viv>
<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'). انقر فوق (function () {
$ ("html ، body"). ANIMATE ({scrolltop: 0} ، 500) ؛
// scrollto (0،0) ؛
this.blur () ؛
العودة كاذبة
}) ؛
}) ؛
</script>
نمط CSS
#d-top {
الموقف: ثابت ؛
تعويم: صحيح.
Z-Index: 10 ؛
اليمين: 10px ؛
أسفل: 40 بكسل ؛
}
#d-top img {
العرض: 42 بكسل ؛
العتامة: 0.3 ؛
}
IMG {
الحدود: متوسطة لا شيء ؛
}