В этой статье описывается простая реализация JavaScript, чтобы вернуться к верхней кнопке эффекта следования плаванию прокрутки. Поделитесь этим для вашей ссылки, следующим образом:
Относительно превосходная версия, которая отображает только более одной высоты экрана, и следует за панели прокрутки, возвращающейся обратно в верхнюю кнопку Специального эффекта.
Эффект работы показан на рисунке ниже:
Полный пример кода заключается в следующем:
<! Doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> test </title> <style> body {height: 2000px;}. Высота: 25px; Текст-альбом: Центр; Размер шрифта: маленький; высота линии: 25px; Граница: 1PX SOLID #999; позиция: исправлена; Справа: 0; Внизу: 0; пограничный цвет цвета:#333; граница правый цвет:#333; Маржа: 5px; курсор: указатель; дисплей: none} </style> </head> <body> <div id = "rtop"> вернуться в Top </div> <script> window.onscroll = function () {if (document.scrolltop || document.documentelement.scrolltop> 0) {document.getelementbyid ('rtop'). document.getElementbyId ('rtop'). style.display = "none"}} </script> </body> </html>For more information about JavaScript related content, please check out the topics of this site: "Summary of JavaScript switching effects and techniques", "Summary of JavaScript search algorithm skills", "Summary of JavaScript animation effects and techniques", "Summary of JavaScript errors and debugging techniques", "Summary of JavaScript data structures and algorithm skills", "Summary of Алгоритмы и методы обхода JavaScript »и« Сводка использования математических операций JavaScript ».
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.