테스트 사이트 - 개발 중인 베타 버전입니다

상단으로 이동 버튼질문 채택완료

장똥 3년 전 조회 1,430

아래 버튼을 지금 그누보드 홈페이지 처럼. 위치를 제일하단이 아닌 상단으로. 두개의 버튼을 만들고 싶은데 어떻게해야할까요 ?

 

</p>

<p><a href="#" id="ft_to_top"><i class="fa fa-arrow-up" aria-hidden="true"></i><span class="sound_only">상단으로</span></a></p>

<p>

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
3년 전

위치를 제일하단이 아닌 상단으로. 두개의 버튼을 만들고 싶은데 <--이게 무슨 말인가요?

상단에 버튼을 하나더 넣어서 클릭하면 하단으로 이동 하게 한다는 것인가요?

답변할 사람이 질문을 해야하는 질문이라니 참 거시기 합니다

 

현재 하단 버튼 css 

#top_btn {     position: fixed;

    bottom: 100px;

 

상단에 버튼을 넣으려면 tail.php에다 버튼 넣고 위치를 top으로 잡아주면 됩니다 #ft_to_top{

position: fixed;

top:100px;

 

이동 코드는 상단으로 이동하는 스크립트 부분에 추가하세요(tail.php)

        $("#ft_top_btn").on("click", function() {             $("html, body").animate({scrollTop:10000}, '500');             return false;         });

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

장똥
3년 전
감사합니다.
css 확인하면서 원하는대로 구현하였습니다

댓글을 작성하려면 로그인이 필요합니다.

ft_to_top 으로 지정한 css를 살펴 보세요.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

장똥
3년 전
감사합니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인