TOP 클릭 후 바로 페이지 상단으로 이동하지 않고 위로 스크롤됩니다_javascript 스킬

웹페이지가 너무 길면 TOP
top로 빠르게 돌아가기 위해 일반적으로 앵커 태그를 사용합니다. , 하지만 고수들도 있습니다. 간단하게 만들어 보세요:

해외 데모 주소: http://tonyyoo.com/v2/

TOP을 클릭해도 바로 상위로 이동하지 않습니다. 페이지가 위로 스크롤됩니다. . 페이지 상단에서 길이가 길어질수록 스크롤 속도가 빨라집니다. . .

조사 결과 4개의 JS가 사용되었습니다.




그게 전부인 것 같습니다 너무 복잡해요. . 동일한 효과를 얻을 수 있는 더 간단한 코드가 있는지 모르겠습니다. .
페이지가 로드된 후 모든 하이퍼링크를 탐색하고 href에 #header가 있는지 확인합니다. 그렇다면 scrollTo를 트리거하세요. . .

런코드<title> </title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="Author" content="Sheneyan"> <p> </p> <a href="#header"> </a>头으로 이동
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다

]<script> function s2top(){ var a = document.getElementsByTagName('a'); var l = a.length; for (var i = 0 ; i < l ; i ++){ var ai = a[i]; if (/#header$/.test(ai.href)){ ai.onclick = function(){ var o = this; var ot = o.offsetTop; for (var t = 0 ; t < 20 ; t ++){ setTimeout("scrollBy(0,-" + parseInt(ot / 20) + ")",t * 50 + 1); } return false; } } } } </script>