Эта статья поделилась эффектом JavaScript к вершине для вашей ссылки. Конкретный контент заключается в следующем
<! Doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <meta http-equiv = "x-ua-совместимый" content = "ie = edge, chrome = 1"> <Title> Back to Top Effect (Native JS) </title> <стиль = "Text/css"> {MARIN: 0 MARIN: 0; } .bg {width: 1022px; Поле: 0 Авто; } .btn {display: none; Ширина: 75px; Высота: 75px; Фон: URL (../ Изображения/ВЕБ-ТОП МАЛЕНЬКИЙ ЗНАК (Вернитесь вверх)/вернуться в TOP 085.png) без повторного левого верха; позиция: исправлена; Слева: 50%; Мяботая маржа: 530px; Внизу: 10px; текстовый: -9999px; Схема: нет; } .btn: Hover {background -Position: 0 -75px; } </style> <script> var timer = null; var Isscroll = true; //1.2 Construct oScroll function function oScroll(){ var osTop=document.documentElement.scrollTop||document.body.scrollTop;//1.1 scroll height, compatible with var oSpeed=Math.ceil(osTop/4);//Scroll speed document.documentElement.scrollTop=document.body.scrollTop=osTop-oSpeed; if (ostop == 0) {// судить о достижении вершины, очистите таймер ClearInterval (таймер); } issscroll = true; } window.onload = function () {var octn = 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 Высота прокрутки, совместимый if (ostop> clientHeight) {btn.style.display = "block"; } else {btn.style.display = "none"; } if (! Isscroll) {clearInterval (таймер); } issscroll = false; }} </script> </head> <body> <div> <img src = "../ Images/jz.jpg"> </div> <a href = "javascript: void (0);" id = "btn"> назад к вершине </a> </body> </html>Выше приведено все об этой статье, и я надеюсь, что для всех будет полезно изучить программирование JavaScript.