OKOP 오케이오피


티스토리

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





Comment +0