HTML 맨위로 맨아래로 이동버튼 만들기

티스토리

HTML를 이용한 ( 맨위로 맨아래로 ) 버튼 만들기

아래 소스를 사이트 </body>앞에 넣어주시면 됩니다.

<a style="position:fixed;display:scroll;position:fixed;bottom:100px;right:10px;" href="연결경로"><img src = '이미지경로'></a>

변경설정

빨간색 부분은 아래위 설정가능
(bottom경우 아이콘이 맨아래로 내려가 있습니다. top 로 변경하시면 아이콘이 맨위로 올라갑니다)

초록색 아래위 간격조절

파란색 오른쪽 왼쪽 간격조절

href="연결경로" 설정은 클릭할 경우 이동하는 위치입니다.
아래 참조 . 티스토리일 경우.

연결 경로를 top 로 설정 하시면 맨위로 이동.

그림 1

연결 경로를 footer 로 설정 하시면 맨아래 이동.

그림2