이 기사에서는 스크롤 바 부유물을 따르는 상단 버튼 효과로 돌아가는 JavaScript의 간단한 구현에 대해 설명합니다. 다음과 같이 참조에 대해 공유하십시오.
두 개 이상의 화면 높이 만 표시하고 스크롤 막대를 따라 상단 버튼 특수 효과 코드로 떠 다니는 비교적 우수한 버전.
작동 효과는 아래 그림에 나와 있습니다.
전체 예제 코드는 다음과 같습니다.
<! 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> test> test> test> test> test> test> test> test> test> test> test> height : 2000px;}; 높이 : 25px; 텍스트 정렬 : 센터; 글꼴 크기 : 작은; 라인 높이 : 25px; 국경 : 1px 고체 #999; 위치 : 고정; 오른쪽 : 0; 하단 : 0; 국경-바닥 색상 :#333; 국경 오른쪽 색 :#333; 여백 : 5px; 커서 : 포인터; 디스플레이 : none} </style> </head> <body> <div id = "rtop"> 상단으로 돌아 가기 </div> <cript> window.onscroll = function () {if (document.body.scrolltop || document.documentElement.scrolltop> 0) {document.getElementById ( 'rtop'). document.getElementById ( 'rtop'). style.display = "none"}} </script> </body> </html>JavaScript 관련 컨텐츠에 대한 자세한 내용은이 사이트의 주제를 확인하십시오. "JavaScript 스위칭 효과 및 기술 요약", "JavaScript 검색 알고리즘 기술 요약", "JavaScript 애니메이션 효과 및 기술 요약", "Javascript 오류 및 디버깅 기술의 요약" "JavaScript 기술의 요약" "" "요약" "", Malgority Sknickes의 요약 "". JavaScript Traversal 알고리즘 및 기술 "및"JavaScript 수학 연산 사용 요약 "
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.