Недавно я подражал стилю страницы и взаимодействию крупных веб -сайтов и обнаружил, что многие из них должны вернуться к вершине, поэтому я написал о 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 () {// Показать обратно на верхнюю кнопку var ostop = document.documentelement.scrolltop || document.body.scrolltop; if (ostop> = clientHeight) {btn.style.display = "block"; } else {btn.style.display = "none"; }; // В процессе обратно на вершину пользователь прокручивает прокрутку и останавливает таймер, если (! ISTOP) {clearInterval (таймер); }; istop = false; }; btn.onclick = function () {// set timer timer = setInterval (function () {// Получить высоту прокрутки из верхнего var ostop = document.documentelement.scrolltop || document.body.scrolltop; var ispeed = math.floor (-Ostop /7) ;documentelement.sropcrop = docomeLop = docomeLop = docomeLop = documentScrop ostop+ispeed; };};Приведенный выше простой пример эффекта анимации JS для возвращения в верхнюю часть страницы - это все контент, которым я делюсь с вами. Я надеюсь, что вы можете дать вам ссылку, и я надеюсь, что вы сможете поддержать Wulin.com больше.