[javacsript]top으로 이동
@욕심쟁이
·2019. 12. 11. 12:19
반응형
#jquery 코드
//top 버튼
$(document).ready(function(){
$("#move_top").click(function() {
$('html, body').animate({
scrollTop : 0
}, 400);
return false;
});
});
#html 코드
<div class="top_btn">
<a href="#" id="move_top">
<img src="images/top_btn.png" alt="top으로 가기">
</a>
</div>
#css 코드
.main{position:relative;}
.top_btn{position: absolute;bottom: 20px;right: 19px;}
//움직일때 고정하고싶으면 position: fixed;
반응형
'IT > JavaScript' 카테고리의 다른 글
[javascript] modal 창으로 팝업띄우기 (0) | 2019.12.11 |
---|---|
[javascript]ie9에서 틀어지는거 잡아주는 js (0) | 2019.12.11 |
[javascript] ::jquery:: 제이쿼리(jquery) 이벤트 (0) | 2019.12.11 |
[javascript] 관련사이트바로가기 이동하기버튼 (0) | 2019.12.11 |
[js]isotope.min.js (0) | 2019.12.11 |