تصف هذه المقالة التنفيذ البسيط لـ JavaScript للعودة إلى تأثير الزر العلوي لاتباع شريط التمرير العائم. شاركه للرجوع إليه ، على النحو التالي:
إصدار ممتاز نسبيًا يعرض فقط أكثر من ارتفاع شاشة ، ويتبع شريط التمرير الذي يعود إلى رمز التأثير الخاص للزر العلوي.
يظهر تأثير التشغيل في الشكل أدناه:
رمز المثال الكامل كما يلي:
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html ؛ charset = utf-8"/> الارتفاع: 25 بكسل ؛ محاذاة النص: المركز ؛ حجم الخط: صغير ؛ رفع الخط: 25 بكسل ؛ الحدود: 1 بكسل Solid #999 ؛ الموقف: ثابت ؛ اليمين: 0 ؛ أسفل: 0 ؛ بلون الحدود:#333 ؛ لون اليمين الحدودي:#333 ؛ الهامش: 5px ؛ المؤشر: مؤشر. العرض: لا شيء} </style> </head> <body> <div id = "rtop"> العودة إلى الأعلى </div> <script> window.onscroll = function () {if (document.body.scrolltop || document.documentelement.scrolltop> 0) {document.geteLementbyid ('rtop'). style.display = " document.getElementById ('rtop'). style.display = "none"}} </script> </body> </html>لمزيد من المعلومات حول المحتوى المتعلق بـ javaScript ، يرجى مراجعة موضوعات هذا الموقع: "ملخص لتأثيرات وتقنيات تبديل JavaScript" ، "ملخص لمهارات خوارزمية بحث JavaScript" ، "ملخص لتأثيرات الرسوم المتحركة JavaScript و Techniques و" ملخص ". خوارزميات وتقنيات JavaScript Traversal "، و" ملخص استخدام العمليات الرياضية JavaScript "
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.