혹시 이걸 반대로도 추가하려면
본문
요게 그누보드 설치하면 기본적으로 있는데요.
이걸 반대로 돌려서 밑에 아래로 내려가는 버튼도 추가하려면 어떻게 해야할까요?
저걸 뭐라그러는지도 몰라서 검색조차 못하고있네요 ㅠㅠ
답변 1
1. tail.php (or /theme/[테마명]/tail.php)
<button type="button" id="top_btn"><i class="fa fa-arrow-up" aria-hidden="true"></i><span class="sound_only">상단으로</span></button>
코드 아래에 다음 코드 추가
<button type="button" id="bottom_btn"><i class="fa fa-arrow-down" aria-hidden="true"></i><span class="sound_only">하단으로</span></button>
$(function() {
$("#top_btn").on("click", function() {
$("html, body").animate({scrollTop:0}, '500');
return false;
});
});
코드 아래에
$(function() {
$("#bottom_btn").on("click", function() {
$("html, body").animate({scrollTop:$(document).height()-$(window).height()}, '500');
return false;
});
});
코드 추가
2) /css/default.css (or /theme/[테마명]/css/default.css)
#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#top_btn:hover{border-color:#3059c7;background:#3059c7;color:#fff}
아래에 추가
#bottom_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#bottom_btn:hover{border-color:#3059c7;background:#3059c7;color:#fff}
#top_btn {position:fixed;bottom:20px;~
는 68px 로 변경 #top_btn {position:fixed;bottom:68px;~
3) /extend/version.extend.php
G5_CSS_VER 숫자를 오늘날짜로 갱신 ex. 191210