HTML 맨위로 맨아래로 이동버튼 만들기
컴퓨터/IT/HTML2012. 3. 14. 12:55
HTML를 이용한 ( 맨위로 맨아래로 ) 버튼 만들기
아래 소스를 사이트 </body>앞에 넣어주시면 됩니다.
<a style="position:fixed;display:scroll;position:fixed;bottom:100px;right:10px;" href="연결경로"><img src = '이미지경로'></a>
변경설정
빨간색 부분은 아래위 설정가능
(bottom경우 아이콘이 맨아래로 내려가 있습니다. top 로 변경하시면 아이콘이 맨위로 올라갑니다)
초록색 아래위 간격조절
파란색 오른쪽 왼쪽 간격조절
href="연결경로" 설정은 클릭할 경우 이동하는 위치입니다.
아래 참조 . 티스토리일 경우.
연결 경로를 top 로 설정 하시면 맨위로 이동.

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

아래 참조 . 티스토리일 경우.
연결 경로를 top 로 설정 하시면 맨위로 이동.
그림 1
연결 경로를 footer 로 설정 하시면 맨아래 이동.
그림2