최근에, 나는 주요 웹 사이트의 페이지 스타일과 상호 작용을 모방 해 왔으며, 많은 웹 사이트가 맨 위로 돌아갈 필요가 있다는 것을 알았으므로 JS에 대해 썼고 그것을 녹음했습니다.
나는 애니메이션 효과가 빠르게 빠르게 진행되고 스크롤 막대를 끌어내는 기능이 언제라도 스크롤을 중지한다는 것을 알았습니다. IMOOC의 관련 과정을 언급했으며 마지막으로 JS 코드를 구현했습니다.
// trigger swooin var timer = null; var istop = true; // 페이지보기 영역 높이 높이 Var ClientHeight = Document.DocumentElement.ClientHeight; // trigger swooind.onscroll = function () {// 상단 버튼으로 다시 표시 var ostop = document.documentElement.scrolltop || document.body.scrolltop; if (ostop> = clientHeight) {btn.style.display = "block"; } else {btn.style.display = "none"; }; // 프로세스에서 상단으로 다시, 사용자는 스크롤 바를 스크롤하고 타이머를 정지합니다. if (! istop) {clearInterval (timer); }; istop = false; }; btn.onclick = function () {// set timer timer = setInterval (function () {// 맨 위에서 scrollbar의 높이를 var var ostop = document.documentelement.scrolltop || document.scrolltop; var ispeed = math.floor (-ostop /7); scrolltop = scrolltop. OSTOP+ISPEED; };};JS의 애니메이션 효과의 위의 간단한 예는 페이지 상단으로 돌아가는 모든 컨텐츠입니다. 나는 당신이 당신에게 참조를 줄 수 있기를 바랍니다. 그리고 당신이 wulin.com을 더 지원할 수 있기를 바랍니다.