블로그에 Back to Top 설정하기

글이 길어질 경우, 손쉽고 빠르게 상단으로 이동을 시켜주는 Top 버튼을 본적이 있을 것이다. 이 기능은 영문으로 Back to Top 이라고 불리운다.

현재 사용하고 있는 Ghost 블로그 테마에는 Back to Top 기능이 빠져있다.

이번 포스팅에는 Vanilla-back-to-top 을 사용한다.

GitHub - vfeskov/vanilla-back-to-top: Simple and smooth Back To Top button

Simple and smooth Back To Top button. Contribute to vfeskov/vanilla-back-to-top development by creating an account on GitHub.

GitHubvfeskov

Site Header

<script src="https://unpkg.com/vanilla-back-to-top@7.2.1/dist/vanilla-back-to-top.min.js"></script>

Site Footer

<script>addBackToTop({
  diameter: 56,
  backgroundColor: 'rgb(255, 82, 82)',
  textColor: '#fff'
})</script>

색상 및 커스터마이징은 EXAMPLE.md 페이지를 참고 바란다.