블로그에 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.
<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>

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

You've successfully subscribed to taking
Great! Next, complete checkout to get full access to all premium content.
Error! Could not sign up. invalid link.
Welcome back! You've successfully signed in.
Error! Could not sign in. Please try again.
Success! Your account is fully activated, you now have access to all content.
Error! Stripe checkout failed.
Success! Your billing info is updated.
Error! Billing info update failed.