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