최근에 프론트 엔드 프로젝트를 진행해 왔으며 많은 프로젝트에는 최고로 돌아갈 요구 사항이 있습니다. 아래에는 JS 코드를 작성하여 앞으로 더 쉽게 검색 할 수 있도록 기록을 작성하겠습니다.
나는 애니메이션 효과가 빠르게 빠르게 진행되고 스크롤 막대를 끌어내는 기능이 언제라도 스크롤을 중지한다는 것을 알았습니다. IMOOC의 관련 과정을 언급했으며 마지막으로 JS 코드를 구현했습니다.
// trigger swooin || document.body.scrolltop; if (ostop> = clientHeight) {btn.style.display = "block";} else {btn.style.display = "none";}; // 과정에서 상단으로 다시 스크롤 바를 스크롤하고 타이머를 중지합니다. false;}; btn.onclick = function () {// set timer timer = setInterval (function () {// scrollbar의 높이를 상단 var ostop = document.documentElement.scrolltop || bodice.scrolltop; var ispeed = math.floor (-ostop/7); Documentelement.scrollement.scrollement.scrollemet. document.body.scrolltop = ostop+ispeed; // 상단에 추가하고 (ostop == 0) {clearinterval (timer);}; istop = true;}, 30);};위의 내용은 편집기가 소개 한 페이지 상단으로 다시 JavaScript 기반 구현을 기반으로 한 애니메이션 코드입니다. 코드는 간단하고 이해하기 쉽습니다. 당신에게 첨부 된 댓글이 너무 많지 않습니다. 참조 과정에서 질문이 있으면 메시지를 남겨주세요. 편집자는 제 시간에 당신에게 답장 할 것입니다!