JavaScript [jQuery] 부드럽게 '위로 가기' 만들기
페이지 정보
본문
최경훈님이 만드신 jQuery를 이용한 부드럽게 '위로가기' 만들기 입니다.
한페이지 2개 이상 top 을 사용하면오류가 생기네요.
한페이지 2개 이상 top 을 사용하면오류가 생기네요.
<a href="#" id="backToTop" title="Back to Top"><img src="back.gif" border="0" alt="Back to Top" /></a>
<script>
$(document).ready(function() {
$('#backToTop').click(function(){
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var $target = $(this.hash);
$target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
if ($target.length) {
$('html,body').animate({scrollTop: 0}, 500);
return false;
}
}
});
$(window).scroll(function(){
var top = $(window).scrollTop();
if(!top) {
$('#backToTop').fadeOut();
} else {
$('#backToTop').fadeIn();
}
});
});
댓글목록
등록된 댓글이 없습니다.