이 기사에서는 Back to Top의 영향을 달성하기 위해 JS의 절대 포지셔닝 사용에 대해 설명합니다. 다음과 같이 참조에 대해 공유하십시오.
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"<html xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type"content = "text/html; charset = utf-8"/> <title> 절대 포지셔닝 뒤로 맨 위 버튼> <스타일 type = "text/css"> body {margin : 0px; 패딩 : 0px; 높이 : 2500px; 배경 :#6f0024;}#div1 {너비 : 120px; 높이 : 34px; 오른쪽 : 4px; 하단 : 5px; 커서 : 포인터; 배경 : URL (image/totop.png) No-Repeat; 위치 : 고정; _Position : 절대; 디스플레이 : none;} </style> <script type = "text/javaScript"> // 절대 포지셔닝 숨기기 기능 getScroll (id) {var obj = document.getElementById (id); var timer = null; 위치 문제 (OBJ); if (obj) {obj.style.display = 'none'; window.onscroll = function () {getScrollTop ()> 0? obj.style.display = "block": obj.style.display = "none"; } obj.onclick = function () {var timer = setInterval (Smove, 10); 함수 smove () {setScrollTop (getScrollTop () / 1.5); if (getScrollTop () <1) ClearInterVal (타이머); }}}}} // judge ie6 functionfixed (obj) {var ie6 =!-[1,] &&! window.xmlhttprequest; if (obj) {var top = obj.offsettop; if (ie6) {document.documentElement.style.textOverFlow = "Ellipsis"; obj.style.position = "절대"; obj.style.setexpression ( "top", "at eval (documentElement.scrolltop +" + top + ') + "px"); }}} // 스크롤바 Topfunction getScrollTop () {return document.documentElement.scrolltop || document.body.scrolltop;} // 상단 함수로 돌아가서 setscrolltop (value) {document.documentElement.scrolltop = value; document.body.scrolltop = value;} window.onload = function () {getScroll ( 'div1');}; </script> </head> <body> <div id = "div1"> </div> </body> </html>JavaScript 관련 컨텐츠에 대한 자세한 내용은이 사이트의 주제를 확인하십시오. "JavaScript 스위칭 효과 및 기술 요약", "JavaScript 검색 알고리즘 기술 요약", "JavaScript 애니메이션 효과 및 기술 요약", "Javascript 오류 및 디버깅 기술의 요약" "JavaScript 기술의 요약" "" "요약" "", Malgority Sknickes의 요약 "". JavaScript Traversal 알고리즘 및 기술 "및"JavaScript 수학 연산 사용 요약 "
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.