웹 프론트엔드/JavaScript

자바스크립트 부드러운 Top버튼 -부드럽게/javascript/탑버튼

코엽 2016. 1. 14. 19:54

원래는

a href="#"을 사용해서 꼭대기로 올라가지만
이 스크립트를 사용하면 부드럽게 올라갈 수 있습니다.


 

 

 

코드

Colored By Color Scripter

1
2
3
4
5
6
7
8
9
<script>
function grapes(){
    scrollBy(0,scrollY/-10); 
}
 
function apple(){
banana = setInterval("if(scrollY>10){grapes();}else{clearInterval(banana);}",10);
}
</script>

사용법

사용하실 때에는 apple함수를 불러와 주시면 됩니다~ :)

 

예)

<a href="javascript:apple();">Top</a>

또는

<img src="이미지주소" onclick="apple();">

등등





오류나 지적은 감사히 받겟습니다!