답변 3개
채택된 답변
+20 포인트
답변에 대한 댓글 1개
�
터져라
1년 전
잘 못찾았었는데 감사합니다~
댓글을 작성하려면 로그인이 필요합니다.
1개월 전
head.sub.php 파일
<section class="header" id="header"> ... </section>
head.sub.php 파일
<div class="top-button" style="position: fixed; bottom: 5px; right: 5px;"> <a href="#header"><img src="<?php echo G5_THEME_URL ?>/img/top.png" title="위로 가기"></a> </div>
--> <body> 태그 바로 뒤에 붙여넣으면 됩니다.
CSS 코드 추가
.top-button { z-index: 9999; }
모바일에서 버튼 숨기기
@media screen and (max-width:690px) {
.top-button { display: none; }
}
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
마르스컴퍼니
Expert
1년 전
</p>
<p><a href="#" id="go-top">
<img src="top-arrow.png" alt="맨 위로 이동">
</a></p>
<p></p>
<p>$(document).ready(function() {
$("#go-top").on('click', function() {
$("html, body").animate({
scrollTop: 0
}, 500);
});
});
</p>
<p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
아래크
11개월 전
모바일에서는 작동이 안됩니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인