Skip to main content

Back to top

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

Overview

Back_to_top resource is suitable for website with lots of page content. Customize the look and functionality of the plugin as much as you want with unlimited possibilities.

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

            
              <!--Back to top-->
              <a class="back-top btn btn-light border position-fixed r-1 b-1" href="#">
                <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>

Javascript location

If you want to remove this, javascript location available in assets/js/theme.js


This features use "es6-scroll-to" inspired plugin for scrolling on top of the html page Material Scrolltop