티스토리 탑버튼1 [JQuery] 티스토리 또는 웹사이트에 상단 하단 스크롤 이동 버튼 추가 / JQuery, js, scrollTop, animate, 스크롤 감지 안녕하세요. 오늘은 웹 화면에서 상단 또는 하단으로 이동할 수 있는 버튼을 만들어보겠습니다. 웹 사이트의 스크롤이 길어질 때 이동 버튼이 있으면 편리하죠. 제 블로그의 왼쪽에 있는 상하 버튼을 기준으로 설명드리겠습니다. 필요한 것 1. 버튼 이미지 https://www.flaticon.com/ 저는 이 사이트에서 구했습니다. 아이콘 크기는 다운받으셔서 자신이 원하는 크기로 알맞게 조정하셔야됩니다. 2. javascript 파일 구현할 내용은 크게 2가지 입니다. 소스도 간단하고 짧습니다. 1. 스크롤 위치를 감지하여 버튼이 사라지고 나타나는 효과 2. 클릭 시 부드럽게 최상단 이동, 최하단 이동 $(document).ready(function() { /******* 스크롤 감지하여 버튼이 나타나고 사라지.. 2019. 10. 18. 이전 1 다음