В последнее время я работал над проектами фронта, и во многих проектах есть требования, чтобы вернуться на вершину. Ниже я напишу свой код JS, чтобы сделать его записи для облегчения поиска в будущем.
Я обнаружил, что эффект анимации от быстрого до медленного и функции вытягивания полосы прокрутки, чтобы прекратить прокрутку в любое время. Я сослался на соответствующие курсы по IMOOC и, наконец, внедрил код JS следующим образом:
// Trigger window.onload = function () {var btn = document.getElementById ('btn'); var timer = null; var istop = true; // Получить страницу Просмотр зоны высоты var custry theight = document.documentelement.clientHeigH || document.body.scrolltop; if (ostop> = clientHeight) {btn.style.display = "block";} else {btn.style.display = "none";}; // в процессе обратно на вершину, пользователь прокручивает прокрутку и останавливает время, если (! false;}; btn.onclick = function () {// set timer timer = setInterval (function () {// Получить высоту прокрутки из верхней VAR ostop = document.documentelement.scrolltop || document.doccumentlep; var ispeed = math.floor (-Ostop/7); document.body.scrolltop = ostop+ispeed; // Добавить в верхнюю часть, очистить таймер if (ostop == 0) {clearInterval (timer);}; istop = true;}, 30);};};Приведенный выше контент - это анимационный код, основанный на реализации на основе JavaScript обратно в верхнюю часть страницы, введенной редактором. Код прост и легко понять. К вам не так много комментариев. Если вы найдете какие -либо вопросы во время справочного процесса, пожалуйста, оставьте мне сообщение. Редактор ответит вам вовремя!