혹시 이걸 반대로도 추가하려면

혹시 이걸 반대로도 추가하려면

QA

혹시 이걸 반대로도 추가하려면

본문

831939686_1575968442.2108.png

 

요게 그누보드 설치하면 기본적으로 있는데요.

 

이걸 반대로 돌려서 밑에 아래로 내려가는 버튼도 추가하려면 어떻게 해야할까요?

 

저걸 뭐라그러는지도 몰라서 검색조차 못하고있네요 ㅠㅠ

이 질문에 댓글 쓰기 :

답변 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

답변을 작성하시기 전에 로그인 해주세요.
전체 123,151 | RSS
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT