Skip to main content

Back to top

This "Back to top" library allows users to smoothly scroll back to the top of the page.

How to install?

This very simple, just add this html code and paste after </footer> before </body>. This button will showing if you scroll down page and hidden if scroll page to top again.

Basic example

            
              <!-- =========={ SCROLL TO TOP }==========  -->
              <a href="#page-top" class="p-3 border position-fixed end-1 bottom-1 z-index-10 back-top" title="Scroll To Top">
                <!-- <i class="fas fa-arrow-up"></i> -->
                <svg class="bi bi-arrow-up" width="1rem" height="1rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" d="M8 3.5a.5.5 0 01.5.5v9a.5.5 0 01-1 0V4a.5.5 0 01.5-.5z" clip-rule="evenodd"></path>
                  <path fill-rule="evenodd" d="M7.646 2.646a.5.5 0 01.708 0l3 3a.5.5 0 01-.708.708L8 3.707 5.354 6.354a.5.5 0 11-.708-.708l3-3z" clip-rule="evenodd"></path>
                </svg>
              </a>