في الآونة الأخيرة ، كنت أقوم بتقليد نمط الصفحة وتفاعل المواقع الإلكترونية الرئيسية ، ووجدت أن الكثير منهم يحتاجون إلى العودة إلى القمة ، لذلك كتبت عن JS وتسجيله.
لقد وجدت أن تأثير الرسوم المتحركة من الصيام إلى البطيء ووظيفة سحب شريط التمرير للتوقف عن التمرير في أي وقت. أشرت إلى الدورات ذات الصلة على IMOOC ، وأخيراً نفذت رمز JS على النحو التالي:
// trigger window.onload = function () {var btn = document.getElementById ('btn') ؛ var timer = null ؛ var istop = true ؛ // احصل على ارتفاع منطقة عرض منطقة var clientheight = document.documentElement.clientheight ؛ // trigger window.onscroll = function () {// show مرة أخرى إلى الزر العلوي var ostop = document.documentElement.scrolltop || document.body.scrolltop ؛ if (ostop> = clientHeight) {btn.style.display = "block" ؛ } آخر {btn.style.display = "none" ؛ } ؛ // في العملية مرة أخرى إلى الأعلى ، يقوم المستخدم بتمرير شريط التمرير ويوقف المؤقت إذا (! iStop) {clearinterval (timer) ؛ } ؛ iStop = false ؛ } ؛ btn.onclick = function () {// set timer timer = setInterval (function () {// احصل على ارتفاع شريط التمرير من top var ostop = document.documentElement.scrolltop || document.body.scrolltop ؛ var ispeed = math.floor (-ostop /7) ؛ stop+ispeed ؛ } ؛} ؛المثال البسيط أعلاه لتأثير الرسوم المتحركة لـ JS للعودة إلى الجزء العلوي من الصفحة هو كل المحتوى الذي أشاركه معك. آمل أن تتمكن من إعطائك مرجعًا وآمل أن تتمكن من دعم wulin.com أكثر.