이 기사에서는 참조를 위해 JavaScript의 효과를 상단에 공유했습니다. 특정 내용은 다음과 같습니다
<! docType html> <html lang = "en"> <head> <meta charset = "utf-8"> <meta http-equiv = "x-ua-catible"content = "ead = ated, chrome = 1"> <title> aitive js) </title> <스타일 유형 = "text/css"> body {argin : 0; } .bg {너비 : 1022px; 여백 : 0 Auto; } .btn {디스플레이 : 없음; 너비 : 75px; 높이 : 75px; 배경 : URL (../ 이미지/웹 상단 작은 아이콘 (상단으로 돌아 가기)/Top-085.png로 돌아 가기) 왼쪽 상단 없음; 위치 : 고정; 왼쪽 : 50%; 마진 왼쪽 : 530px; 하단 : 10px; 텍스트 안정 : -9999px; 개요 : 없음; } .btn : 호버 {배경 위치 : 0 -75px; } </style> <cript> var timer = null; var isscroll = true; //1.2 구성 oscroll 함수 기능 OSCroll () {var ostop = document.documentElement.scrolltop || document.body.scrolltop; // 1.1 스크롤 높이, var ospeed = math.ceil (ostop/4); // 스크롤 속도 문서 .documentElement.scrolltop = body.scroll.scrolltopeed. if (ostop == 0) {// 상단의 범위를 판단하고 타이머 clearinterval (타이머)을 청소하십시오. } isscroll = true; } window.onload = function () {var obtn = document.getElementById ( 'btn'); // 버튼 요소 var clientHeight = documentElement.clientHeight || document.body.clientHeight; // 1. 반환 버튼 이벤트 이벤트를 클릭하십시오. btn.onclick = function () {// 버튼 클릭 클릭 이벤트 타이머 = setInterval (Oscroll, 50); } window.onscroll = function () {var ostop = documenteLement.scrolltop || document.body.scrolltop; // 1.1 스크롤 높이, 호환 if (ostop> clientHeight) {btn.style.display = "block"; } else {btn.style.display = "none"; } if (! isscroll) {clearinterval (타이머); } isscroll = false; }}} </script> </head> <body> <div> <img src = "../ images/jz.jpg"> </div> <a href = "javaScript : void (0); id = "btn"> 위로 다시 </a> </body> </html>위의 내용은이 기사에 관한 모든 것이며, 모든 사람이 JavaScript 프로그래밍을 배우는 것이 도움이되기를 바랍니다.