TOP바로가기 아이콘 특정 창 위치 두기

매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!
TOP바로가기 아이콘 특정 창 위치 두기

QA

TOP바로가기 아이콘 특정 창 위치 두기

본문

댓글 주신 분들 감사드립니다.

<code>

<script>
        $(document).ready(function() {
            $("#go-top").on('click', function() {
                $("html, body").animate({
                    scrollTop: 0
                }, 500);
            });
        });
</script>

 <div style="position: absolute; bottom: 10px; right: 10px;">
    <a href="#" id="go-top">
        <img src="img/top-arrow.png" alt="맨 위로 이동">
    </a>
</div>

</code>

아래는 샘플 화면입니다.

1926210140_1710231376.8358.png

창을 스크롤 내려도 우측 하단 위치에 계속 따라 내려가도록 하고 싶은데요. 

지식이 부족한지라 더 고민해도 해결이 안되네요 ㅠ

더 손봐야할거 같은데 어디를 손대야할지 감이 안옵니다 ㅠ

반응형으로 작업중에 있습니다 

이 질문에 댓글 쓰기 :

답변 2

[ code ], [ /code ] 입니다.

 

다음과 같은 css 코드가 필요합니다.


#go-top { position: fixed; bottom: 20px; right: 20px; z-index: 999; cursor: pointer; }
#go-top img { width: 30px; height: 30px; }

3529194778_1710231529.304.png

 

위와같이 해당 버튼 선택자(#go-top)를 찾으셔서
css 파일 접속 후 bottom이나 top을 %값으로 수정하시면 되겠습니다.

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

회원로그인

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