[Github Blog] 깃허브 블로그 맨 위로 가기(Go to top) 버튼 달기

스크롤을 내리면 Go to top, 맨 위로가기 버튼이 생기게 하고 싶었다.

내가 쓰는 테마인 minimal-mistakes의 categories 페이지나 tags 페이지에 맨 위로 가기 버튼 만들어주는 코드가 있는데, 적용해보니 별로 안예뻐서.. 찾아보다가 라이브러리를 발견하였다.

🔗vanilla-back-to-top 이다.

⚙️ 설치 방법

깃허브 블로그 폴더(git repository 로컬 폴더) 위치에서 터미널에

npm i vanilla-back-to-top

를 입력하여 설치하고, 모든 페이지에 적용하기 위해 📃default.html 에

<script src="https://unpkg.com/vanilla-back-to-top@7.2.1/dist/vanilla-back-to-top.min.js"></script>
<script>addBackToTop({
  diameter: 56,
  backgroundColor: 'rgb(255, 82, 82)',
  textColor: '#fff'
})</script>

위 내용을 삽입한다. 해당 라이브러리 페이지에서 OPTIONS.md에 커스터마이징 옵션들을 소개하고 있으니 이용하면 되겠다!

소스코드 변경사항은 8a5c80f 여기서 확인 가능하다😙

⬇️ 적용 한 모습

카카오페이로 커피사기 ❤️ 토스,계좌로 커피사기 ❤️