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>
아래는 샘플 화면입니다.
http://sir.kr/data/editor/2403/1926210140_1710231376.8358.png" width="100%" />
창을 스크롤 내려도 우측 하단 위치에 계속 따라 내려가도록 하고 싶은데요.
지식이 부족한지라 더 고민해도 해결이 안되네요 ㅠ
더 손봐야할거 같은데 어디를 손대야할지 감이 안옵니다 ㅠ
반응형으로 작업중에 있습니다
답변 2개
[ code ], [ /code ] 입니다.
다음과 같은 css 코드가 필요합니다.
</p>
<p>#go-top { position: fixed; bottom: 20px; right: 20px; z-index: 999; cursor: pointer; }</p>
<p>#go-top img { width: 30px; height: 30px; }</p>
<p>답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인