شاركت هذه المقالة تأثير JavaScript إلى الأعلى للرجوع إليها. المحتوى المحدد كما يلي
<! doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <meta http-equiv = "x-ua conversial" content = "ie = edge ، chrome = 1"> <title> مرة أخرى إلى الأعلى (native js) </title> style = } .bg {width: 1022px ؛ الهامش: 0 Auto ؛ } .btn {display: none ؛ العرض: 75 بكسل ؛ الارتفاع: 75 بكسل ؛ الخلفية: url (../ images/web top icon icon (العودة إلى الأعلى)/العودة إلى Top-085.png) لا يكرر اليسار. الموقف: ثابت ؛ اليسار: 50 ٪ ؛ الهامش اليساري: 530 بكسل ؛ أسفل: 10 بكسل ؛ استقلال النص: -9999px ؛ الخطوط العريضة: لا شيء ؛ } .btn: hover {background -position: 0 -75px ؛ } </style> <script> var timer = null ؛ var isscroll = true ؛ //1.2 بناء وظيفة وظيفة oscroll oscroll () {var ostop = document.documentElement.scrolltop || document.body.scrolltop ؛ // 1.1 scroll height ، متوافق مع var ospeed = math.ceil (ostop/4) ؛ if (ostop == 0) {// ugne the the top ، قم بتنظيف المؤقت clearinterval (timer) ؛ } isscroll = true ؛ } window.onload = function () {var obtn = document.getElementById ('btn') ؛ // الحصول على عنصر الزر var clientheight = document.documentElement.clientheight || document.body.clientheight ؛ // 1. انقر فوق زر الإرجاع BTN.ONCLICK = function () {// ربط الزر انقر فوق timer = setInterval (oscroll ، 50) ؛ } window.onscroll = function () {var ostop = document.documentElement.scrolltop || document.body.scrolltop ؛ // 1.1 scroll scroll ، متوافق if (ostop> clientheight) {btn.style.display = "block" ؛ } آخر {btn.style.display = "none" ؛ } if (! isscroll) {clearinterval (timer) ؛ } isscroll = false ؛ }} </script> </head> <body> <viv> <img src = "../ images/jz.jpg"> </viv> <a href = "javaScript: void (0) ؛" id = "btn"> العودة إلى الأعلى </a> </body> </html>ما سبق هو كل شيء عن هذا المقال ، وآمل أن يكون من المفيد للجميع تعلم برمجة JavaScript.